:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424}#root{display:flex;align-items:center;justify-content:center}@media only screen and (max-width:300px){*{display:none}}body{margin:0;padding:20px 0 0;display:flex;align-items:flex-start;justify-content:center}#root{margin:0;padding:0;width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}header{z-index:999;box-shadow:0 10px 15px #000;position:sticky;top:20px;height:75px;display:flex;align-items:center;justify-content:space-between;width:900px;background:#0c0c0c;border-radius:20px;margin:0 auto}#logo,#options{height:75px;color:#fff!important}#logo{display:flex;align-items:center;justify-content:center;width:20%;height:75px;font-size:30px;letter-spacing:2px;font-weight:600!important}#socials{display:flex;justify-content:flex-end;align-items:center;text-align:center;width:40%;height:75px}#options{display:flex;justify-content:center;align-items:center;flex-direction:row;width:40%}#overflow{background:#00000075;height:5000px;width:100%}a{text-align:center;padding:15px;font-size:18px;display:flex;align-items:center;justify-content:center;height:100%;font-weight:900;letter-spacing:1px;text-decoration:none;color:#cfcfcf}img{padding:10px}#link{height:35%;max-width:auto}#gmail{height:44%;max-width:auto}#active{text-decoration:underline;text-decoration-color:#0f9;text-underline-offset:5px;text-decoration-thickness:2px}#github{height:35%;max-width:auto}@media only screen and (max-width: 500px){header{width:95vw;padding:0}}@media only screen and (max-width: 1000px){header{display:flex;flex-wrap:wrap;height:150px;width:90vw}#logo{letter-spacing:3px;width:50%;font-size:30px}#socials{display:flex;justify-content:center;width:50%}#options{display:flex;width:100%}}@font-face{font-family:PixelFont;src:url(/assets/dang-ZiassLld.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/poppins-DX4RJaer.ttf) format("truetype");font-weight:400;font-style:normal}#About{width:100%;height:calc(100vh - 95px);display:flex;align-self:center;align-items:center;justify-content:center;flex-direction:column;background:#00000080}.headline{display:flex;justify-content:center;align-items:center;text-align:center;align-self:center;justify-self:center;letter-spacing:2px;height:20%;width:100%;font-size:40px;font-weight:900}.about{display:flex;justify-content:space-around;flex-direction:row;height:100%;width:100%}.left{font-size:100px;height:calc(100% - 40px);width:45%;font-weight:200;color:#0f9;rotate:0deg;line-height:2;padding-left:10px;margin:10px;font-family:PixelFont;letter-spacing:5px;background:#ffffff0d;box-shadow:0 8px 32px #00ff991a;border-radius:10px;border:1px solid rgba(255,255,255,.18)}.left p{text-shadow:none!important;padding:0!important;font-family:Poppins;display:flex;flex-direction:row;color:#fff;font-size:25px;font-weight:600}.left button{display:flex;justify-self:flex-start;align-items:center;justify-content:center;margin:10px;text-align:center;box-shadow:0 0 8px #0f9;border-radius:20px;border:3px solid #00FF99;font-size:20px;height:75px;width:35%;color:#fff!important;background:none}ul{margin-block-start:10px;margin-block-end:10px}li{font-size:20px}.left button:hover{transform:scale(1.05);box-shadow:0 0 10px #0f9;transition:all .3s ease-in-out}.right p{display:flex;flex-direction:row;color:#fff;font-size:25px;font-weight:500}#bef{text-shadow:none!important;padding:0!important;font-family:Poppins}.right #highlight{padding-left:10px;padding-right:10px;color:#0f9!important}.right{font-size:80px;height:65%;width:45%;font-weight:200;color:#0f9;rotate:0deg;line-height:1.5;padding-left:10px;margin:10px;font-family:PixelFont;letter-spacing:5px;background:#ffffff0d;box-shadow:0 8px 32px #00ff991a;border-radius:10px;border:1px solid rgba(255,255,255,.18)}.right img{width:100%;height:auto}@media only screen and (max-width:1625px){#About{padding-top:30px}}@media only screen and (max-width:1000px){.headline{font-size:25px}.about{display:flex;flex-direction:column}.left button{width:50%;height:10vh;font-size:25px}.right{width:calc(100% - 32px);font-size:25px}.left{font-size:65px;width:calc(100% - 32px)}.left p{font-size:15px}.right p{font-size:15px;letter-spacing:1px}}@media only screen and (min-width:1000px) and (max-width:1570px){li,p{font-size:20px}.about{display:flex;flex-direction:column}.left button{width:40%;height:10vh}.right,.left{width:calc(100% - 32px)}}@media only screen and (max-width:500px){li,p{font-weight:200}.headline{font-size:19px;letter-spacing:0}.left{font-size:40px}.left button{font-size:20px;width:80%}}