*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;color:#fff}html{scroll-behavior:smooth}#page1,#page2,#page3,#gamePage{height:100vh}#page1{border:1px solid transparent;background-repeat:no-repeat;background-size:cover;transition:all .5s ease-in}nav{margin:2.2rem;display:flex;justify-content:space-between}nav>div{display:flex;width:60%;justify-content:space-between;align-items:center;margin-right:3rem}nav>h1{font-size:2.4rem}nav>h1:hover{cursor:pointer}nav>div>a{font-size:1.4rem;color:#fff;font-weight:600;transition:.3s ease-in-out;text-decoration:none}nav>div>a:hover{color:#f39c12;text-shadow:0 0 20px #f39c12;transform:translateY(-4px)}.main-content{width:100%;display:flex;justify-content:space-around;align-items:center}.main-content h1{font-size:4.6rem;color:#f39c12;text-shadow:0px 0px 10px black}.main-content h3{font-size:1.3rem;text-decoration:underline;text-decoration-color:#f39c12;text-shadow:0px 0px 10px black}.main-content p{font-size:1.3rem;text-shadow:2px 2px 20px black}.main-content h3+p{color:#ffffffe7;text-shadow:2px 2px 8px black}.main-content #selfImage{filter:drop-shadow(0px 0px 6px rgb(65,65,65))}.drop-down{position:fixed;bottom:40px;left:50%}.drop-down i{color:#f39c12;font-size:2.6rem;animation:drop-down 1.2s infinite ease-in-out}.drop-down i:hover{cursor:pointer}@keyframes drop-down{0%{transform:translateY(0)}to{transform:translateY(20px)}}#page2{display:flex;flex-direction:column;justify-content:space-around;align-items:center}#page2>div{width:100%}.icons{justify-content:space-around;align-items:center;display:flex;flex-wrap:wrap;width:100%;margin:3rem 0;padding:0 20%}.icons img{height:80px;transition:.6s ease-in-out}.icons img:hover{cursor:pointer;transform:scale(1.12);filter:drop-shadow(0px 0px 30px #f39c12)}.popular-repos{height:60%;width:100%;display:flex;align-items:center;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.popular-repos::-webkit-scrollbar{width:0px}.repo{flex:0 0 16rem;display:flex;justify-content:space-around;align-items:center;background-color:#2b2927ec;border-radius:10px;height:6.2rem;width:240px;margin:2.4rem}.repo a{text-decoration:none;color:#8a2be2}.repo a:hover{text-decoration:underline;text-decoration-color:#fff}.repo img{height:3.2rem;border:1px solid white;border-radius:50%}.repo:hover{transform:translateY(-6px)}#page2 h1{margin:1rem}#page3>div{width:50%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}#page3 h1{font-size:1.8rem}.computer{height:24rem}.quote{color:#52f312;font-size:1.3rem;font-family:Inknut Antiqua;padding-bottom:6.8rem}#gear_icon{margin-right:1rem;color:#acacac;animation:spin 10s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#about{height:12rem;color:#c4c2c2b7;background-color:#222;text-align:center;font-weight:300}#about a,#about p{color:inherit;margin:1rem}#about>div{width:100%;height:74%;display:flex;justify-content:space-around;align-items:center}*{margin:0;box-sizing:border-box}#gamePage{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.gameBoard{height:500px;width:1000px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/assets/gamebg-VSUG1lJg.jpg);background-size:100% 100%;border-radius:10px;border:1px solid white;position:relative;cursor:url(data:image/png;base64,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)}hr{border:2px dashed red;height:26rem;margin-bottom:-1rem;direction:vertical;position:absolute}.triggerBtn{height:6rem;position:absolute;right:1rem;bottom:1rem;cursor:pointer;filter:drop-shadow(0px 0px 6px black)}.timer{position:absolute;top:1rem;right:1rem;filter:drop-shadow(0px 0px 6px white)}#gameChar{height:320px}.gameStartModal,.gameEndModal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;border-radius:10px}.gameStartModal button{font-size:large;color:#fff;font-weight:700;background-color:green;border-radius:1rem;padding:.5rem 1rem;margin-bottom:1.6rem;cursor:pointer;transition:all .5s ease-in-out}.gameStartModal img{height:14rem}.gameStartModal button:hover{background-color:#0aad0a}.gameEndModal img:hover{cursor:pointer;filter:drop-shadow(0px 0px 6px black)}#gamePage p{color:#fff;position:absolute;left:1rem;bottom:1rem}#gamePage h5{color:#000;position:absolute;top:1rem;right:1rem}#game_logo{height:100px;position:absolute;left:.4rem;bottom:.4rem}#game_logo:hover{transform:translateY(-4px)}@media screen and (max-width: 400px){html{font-size:.5rem}nav{width:90%}nav div{margin:0}#page2,#page3{height:fit-content;width:100%}#page1 .main-content{flex-direction:column;margin:0;height:80%}#page1 #selfImage{height:50vh}#game_logo{height:8rem}#page2 .icons{padding:0 3rem;flex-wrap:wrap}#page2 .icons img{margin:1rem}#page3{flex-direction:column;justify-content:space-around}#page3 div{width:100%}#page3 .icons{padding:0 2rem}#gamePage .gameBoard{transform:rotate(90deg)}#gameChar{height:160px}.dropDownMenu{position:absolute;right:0;top:0;display:flex;flex-direction:column;align-items:flex-end;padding:2.4rem}.dropDownMenu div{width:fit-content;height:fit-content;background-color:#000;display:flex;flex-direction:column;height:100%;border:1px solid rgb(148,148,148);padding:2rem;border-radius:3px}.dropDownMenu a{text-decoration:none;color:#fff;font-weight:700;font-size:larger;margin:.6rem 0}}.modal_page{position:absolute;height:100vh;width:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:2}.modal{transform:translateY(-130%);height:fit-content;width:50rem;border:3px solid rgba(245,245,245,.589);padding:1rem;border-radius:5px;position:relative;display:flex;flex-direction:column;align-items:center;background-image:url(/assets/modalBg-ch1UFp5D.jpg);transition:all .3s ease-in-out}.modal.show{transform:translateY(0)}.modal_head h1{margin:.6rem;text-align:center}.modal_head span{position:absolute;font-size:2.8rem;top:.4rem;right:1.2rem}.modal_content{height:100%;display:flex;flex-direction:column;justify-content:space-around}.bgBox{display:flex;justify-content:center;flex-wrap:wrap;align-items:center}.bgBox img{height:6rem;width:11.2rem;object-fit:cover;border-radius:5px;border:1px solid white}.bgBox div{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:.3rem}input[type=radio],input[type=checkbox]{display:none}label{position:relative;margin:20px;left:-12px;top:-12px}label:before{content:"";position:absolute;height:1.3rem;width:1.3rem;border:2px solid white}label:after{content:"";position:absolute;height:1.6rem;width:.56rem;border-right:.3rem solid #52f312;border-bottom:.3rem solid #52f312;transform:rotate(45deg);left:.8rem;top:-.56rem;opacity:0;border-radius:6px}input[type=radio]:checked+label:after{opacity:1}input[type=checkbox]:checked+label:after{opacity:1}#bgmVolume{width:8rem}.soundBox{justify-content:space-around;align-items:center;display:flex}.soundBox>div{display:flex;flex-direction:column;justify-content:center;align-items:center;height:5rem;width:10rem;background-color:#3b3a3a;border-radius:10px}.modal_content h3{margin:1rem}.closeBtn:hover,.modal_content img,input,label{cursor:pointer}@media screen and (max-width:400px){.soundBox label{margin:1.68rem 0}.bgBox img{height:8rem;width:16rem;margin:1rem}}