@import "https://fonts.googleapis.com/css2?family=Lobster+Two&family=Quicksand:wght@300..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#ff8a1c}body{place-items:center;min-width:100vw;min-height:100vh;margin:0;display:flex}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;font-family:inherit;font-weight:500;transition:border-color .25s;display:block}@media screen and (width>=80rem){button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6rem 1.2rem;font-family:inherit;font-weight:500;transition:border-color .25s}}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#fff;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{text-align:center;max-width:1280px;margin:0 auto;padding:0}html{background-image:url(/assets/bg-Bemawxas.jpg);background-position:50%;background-size:cover;background-attachment:fixed}.logo{will-change:filter;height:6rem;padding:1.5rem;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.read-the-docs{color:#888}.wrapper{flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;display:flex}html{width:100%;height:100%}body{background-color:#0000;align-items:baseline;display:flex}ul{margin:0;padding:0;list-style-type:none}li{margin:0;padding:0;display:inline}#tictactoe{width:30%;height:30%}.lobster-two-regular{font-family:Lobster Two,sans-serif;font-style:normal;font-weight:400}#globe{margin:auto}#globediv{text-align:center;background-image:url(/assets/globe-DEVrZWZx.png) no-repeat;background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:2px solid #fff;height:500px;padding-top:100px}#aboutme{border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;width:80%;margin:30px;display:block}@media screen and (width>=80rem){#aboutme{border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;width:110em;display:flex}}#aboutme p{text-align:center;margin:14px 10px 10px;padding:10px;font-size:1.4em}.homepage{flex:1}@media screen and (width>=80rem){#aboutme p{text-align:center;margin:14px 10px 10px;font-size:1.4em}}h2{color:#fff;font-optical-sizing:auto;font-family:Noto-Sans,sans-serif;font-size:4em;font-weight:weight;text-align:center;font-style:normal}.top{vertical-align:middle;text-align:center;margin-top:0}@media screen and (width>=80rem){.top{vertical-align:middle;text-align:center;margin-top:0;padding-top:50px}}span{color:#fff}.card{border:2px solid #fff;border-radius:10px;flex-direction:column;flex:1;justify-content:flex-start;width:90%;margin:3dvw;padding:1dvw;font-size:2em;display:flex}@media screen and (width>=80rem){.card{border:2px solid #fff;border-radius:10px;flex-direction:column;width:4em;margin:1dvw;font-size:2.2em;display:flex}}.card p{margin-top:0;font-size:.5em;display:block}.tinted-glass{background-color:#afaec256}@media screen and (width>=80rem){.card p{margin-top:0;font-size:.5em}}h3{min-width:20vw;margin-top:0;margin-bottom:.3em}@media screen and (width>=80rem){h3{min-width:20vw;margin-top:0;margin-bottom:0}}#title{flex-direction:column;align-items:center;display:flex}@media screen and (width>=80rem){#title{flex-direction:column;align-items:center;padding:1vw;display:flex}}.card:hover{color:#fff}#abtmewrapper{justify-content:center;align-items:center;display:flex}@media screen and (width>=80rem){#abtmewrapper{justify-content:center;align-items:center;display:flex}}#header{flex-direction:row;justify-content:space-around;align-items:center;width:100dvw;padding-bottom:0}@media screen and (width>=80rem){#header{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}}h1{font-optical-sizing:auto;font-variation-settings:"wdth" 100;box-sizing:border-box;max-width:100%;font-family:Noto Sans,sans-serif;font-size:3.5em;font-style:normal;font-weight:600;line-height:1.1}@media screen and (width>=80rem){h1{font-optical-sizing:auto;font-variation-settings:"wdth" 100;box-sizing:border-box;font-family:Noto Sans,sans-serif;font-size:7em;font-style:normal;font-weight:600;line-height:1.1}}#text{font-optical-sizing:auto;text-align:center;padding:1vw;font-family:Quicksand,sans-serif;font-size:2em;font-style:normal;font-weight:500}@media screen and (width>=80rem){#text{text-align:center;font-size:20px}}#cardholder{flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex}@media screen and (width>=80rem){#cardholder{flex-direction:row;display:flex}}nav{flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:10px;display:flex}@media screen and (width>=80rem){nav{flex-direction:row;justify-content:center;align-items:center;display:flex}nav ul{justify-content:center;gap:5em;width:100%;display:flex}}.nav-button{text-align:center;cursor:pointer;color:#fff;border:1px solid #fff;border-radius:20px;flex:1;margin:10px;padding:10px;font-size:large;display:inline-block;position:relative;overflow:hidden}@media screen and (width>=80rem){.nav-button{width:8em;margin:20px;padding:10px;font-size:xx-large}}.nav-button:before{content:"";opacity:.3;background:#fff;width:0;height:100%;transition:all .3s;position:absolute;bottom:0;left:0}.nav-button:hover:before{width:100%}.holographic-card{transition:all .5s;position:relative;overflow:hidden}.holographic-card h3{z-index:2;position:relative}.holographic-card:before{content:"";opacity:0;background:linear-gradient(#ff510080,#0000 70%,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-50%;transform:rotate(-45deg)}.holographic-card:hover{transform:scale(1.05);box-shadow:0 0 20px #ff510080}.holographic-card:hover:before{opacity:1;transform:rotate(-45deg)translateY(100%)}.footer-link{margin:0 1rem}a{color:#fff}footer{flex-direction:column;flex:1;justify-content:center;gap:3em;width:100%;height:9rem;padding-top:2em;display:flex}@media screen and (width>=80rem){footer{flex-direction:row;justify-content:center;gap:24em;width:200%}}.img-link{flex-direction:column;align-items:center;gap:1em;display:flex}@media screen and (width>=80rem){.img-link{margin-bottom:3em;padding:1em}}