*{margin:0;padding:0;box-sizing:border-box;cursor:pointer url(pointer.png)}p{color:#dedede;font-family:'Plus Jakarta Sans','sans-serif';font-weight:400}body{margin:0;padding:0;background-color:#001220;background-image:linear-gradient(to bottom right,#0d0d0d,#141414);overflow-x:hidden;position:relative;font-size:16px;line-height:1.6;color:#ddd}a{cursor:url('pointer.png'),auto;color:#61dafb;text-decoration:none;transition:color .3s}a:hover{color:#21a1f1}html{cursor:url(cursor.png),default;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;scroll-behavior:smooth}#home{padding-top:2vh;padding-bottom:34.5vh;background-image:url(circle-scatter-haikei-red.png);background-attachment:fixed;background-position:50% 0;animation:fadeIn .25s ease-in}.topnav{list-style-type:none;position:fixed;top:0;border-radius:5px;background-color:rgba(13,14,15,0.9);font-family:'Maven Pro','sans-serif';z-index:1000;border-bottom:2px solid #61dafb;backdrop-filter:blur(10px)}.topnav li{float:left}.topnav li a{display:block;color:#fff;text-align:center;padding:14px 20px;font-size:1.1em;text-decoration:none;transition:background-color .3s,transform .3s}.topnav li a:hover:not(.active){background-color:rgba(97,218,251,0.1);border-radius:5px;transform:scale(1.05)}.homedeco{text-decoration:underline;transition:color .5s,text-shadow .5s}.homedeco:hover{color:#58aedf;text-shadow:0 0 5px #58aedf}@-webkit-keyframes glow{to{text-shadow:0 0 20px #ffffffb4,0 0 30px #e6e20085,0 0 40px #e6e20085,0 0 50px #e6e20085,0 0 60px #e6e20085,0 0 70px #e6e20085,0 0 80px #e6e20085}}@-webkit-keyframes glow1{to{text-shadow:0 0 20px #ffffffb4,0 0 30px #e6000085,0 0 40px #e6000085,0 0 50px #e6000085,0 0 60px #e6000085,0 0 70px #e6000085,0 0 80px #e6000085}}.firsttext{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;margin-right:50%;color:#dedede;animation:whoosh 1.06s ease-out forwards;text-shadow:0 0 10px rgba(0,0,0,0.7)}.secondtext{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;color:#dedede;animation:whoosh 1s ease-out forwards;text-shadow:0 0 10px rgba(0,0,0,0.7)}.dynemoji{font-size:50px;transition:transform .5s,color .5s;animation:glow infinite ease-out forwards}.dynemoji:hover{transform:rotate(360deg)}.rotate-90{transform:rotate(90deg);transition:transform .5s}@keyframes whoosh{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#about{padding-bottom:5vh;border-top:4px solid #0a6868;border-bottom:5px solid #0a6868;border-radius:5px;background-image:url(circle-scatter-haikei-purple.png);background-color:rgba(0,0,0,0.205);background-blend-mode:color-burn;background-position:50% 0;animation:fadeIn 1s ease-in}.abouttext{font-family:"Plus Jakarta Sans",sans-serif;font-weight:400;text-align:center;color:#dedede;border-radius:50px;background-color:rgba(15,16,17,0.8);padding:30px;box-shadow:0 0 35px rgba(0,0,0,0.726);transition:transform .25s,box-shadow .25s;transform:scale(0.95);min-width:34vw}.abouttext:hover{transition:transform .25s,box-shadow .25s;transform:scale(0.975);box-shadow:0 0 25px rgba(0,0,0,0.459)}.contactDiv{padding-top:4%;padding-bottom:5%;border-top:3px solid cornflowerblue;border-bottom:3px solid cornflowerblue;border-radius:5px;background-image:url(stacked-waves-haikei.png);background-attachment:fixed;animation:fadeIn 1s ease-in}.contactTitle{color:white;text-align:center;font-family:'Open Sans',sans-serif;font-size:1.5em;text-shadow:0 0 10px rgba(0,0,0,0.7)}.repo{list-style:none;background-color:#00335a;border-radius:.5em;transition:background-color .2s,transform .2s,box-shadow .2s;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;display:inline-block;margin:2%;padding:20px;box-shadow:0 0 15px rgba(0,0,0,0.5)}.repo:hover{background-color:#004880;transition:.3s;transform:scale(1.05);transform:translateY(-7.5%);box-shadow:0 0 25px rgba(0,0,0,0.7)}#projects{padding-top:50px;padding-bottom:100px;background-image:url(circle-scatter-haikei-green.png);background-attachment:fixed;background-position:50% 0;animation:fadeIn 1s ease-in}.link-btn{padding:10px 20px;border-radius:30px;border:2px solid var(--accent);background:linear-gradient(45deg,#ff6b6b,#ff8787);color:white;font-weight:bold;text-transform:uppercase;transition:transform .2s,background .3s}.link-btn:hover{transform:scale(1.1);background:linear-gradient(45deg,#ff8787,#ff6b6b)}@media only screen and (max-width:799px){.topnav{font-size:15.6px}.firsttext{margin-top:20vh;margin-left:2vh;font-size:25px}.secondtext{font-size:22px;margin-left:2vh;margin-bottom:2.5vh}#home{padding-bottom:7vh}.repo{width:95vw;padding:3%}.abouttext{font-size:13px;max-width:100vw;margin:50px}.dynemoji{font-size:23.5px}}@media only screen and (min-width:800px) and (max-width:1439px){.topnav{right:30vw;top:2vh}.firsttext{margin-top:37vh;margin-left:7.6vw;font-size:45px}.secondtext{font-size:45px;max-width:100vh;margin-left:7.6vw}.repo{width:29%;padding:2%}.abouttext{font-size:15px;max-width:50vw;margin-left:25%;margin-top:100px}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-thumb{background-color:#cecece;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#999;transition:2000ms}}@media only screen and (min-width:1440px){.topnav{right:38vw;top:2vh}#home{padding-bottom:45vh}.firsttext{margin-top:35vh;margin-left:23.5vw;font-size:45px}.secondtext{font-size:45px;max-width:40vw;margin-left:23.5vw}.dynemoji{margin-left:10px}.repo{width:16%;padding:2%}.abouttext{font-size:110%;max-width:30vw;margin-left:32vw;margin-top:100px}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-thumb{background-color:#cecece;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#999;transition:2000ms}}