*{margin:0;padding:0}body{background:#080808;color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:Monaspace Neon,monospace;font-weight:lighter;color:#e2e1e1}.container{display:flex;width:950px;min-height:515px;gap:.7em}.col{display:flex;flex:1;flex-direction:column;gap:.7em}.row{display:flex;flex:.5;flex-direction:row;gap:.7em}.card{background:linear-gradient(120deg,#0d0d0d,#171717 80%);border:1.1px solid rgba(67,66,66,.2);border-radius:8px;flex:1;padding:.8rem;transform-origin:center center;will-change:transform}.card:hover{transform:scale(1.005);border-color:#ffffff1a;box-shadow:0 0 15px #ffffff0d;cursor:default}.mobile-container{display:flex;flex-direction:column;width:100%;gap:1rem;align-items:center}.mobile-container .card{width:90%;margin:0 auto}.mobile-container .card.about{margin-top:1rem}.mobile-container .card.socials{margin-bottom:1rem}@media (max-width: 950px){.socials .icons{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.2rem}.socials .icon-div{display:flex;flex-direction:column;align-items:center;gap:.3rem}.socials .icon-div span{display:none}.socials img{width:24px;height:24px;transition:transform .25s ease}.socials img:hover{transform:scale(1.15)}}.col-1{flex:.8}.col-2{flex:1.8}.col-3{flex:.5}.about{flex:2.5}.interests{flex:1}.projects{flex:.8}.socials{flex:1.4}.pic1{background:url(/assets/naruto-Duapyndm.gif) center/cover no-repeat;border:none}.pic2{background:url(/assets/pokemon1-CJ8pDqMW.gif) center/cover no-repeat;border:none}.card.about{display:flex;flex-direction:column;gap:1rem}.about-header{display:flex;gap:.8rem}.pfp{width:90px;height:90px;border-radius:8px;background:url(/assets/pfp-DY3N2k-f.png) center/cover no-repeat;border:1px solid rgba(255,255,255,.1)}.about-info{padding-top:.3rem}.about-info .name{margin:0;font-size:1.1rem;font-weight:lighter}.about-info .subtitle{margin-top:.2rem;font-size:.75rem;color:#3e71d7}.about-body{display:flex;flex-direction:column;padding-top:.4rem}.about-body .tagline{margin:0;font-size:.7rem}.about-body .intro{margin-top:.2rem;font-size:.625rem;color:#97948c}.about-footer{margin-top:auto;display:flex;justify-content:space-between;font-size:.57rem}.about-footer .quote{padding-top:.7rem;font-size:.65rem}.about-footer .current{text-align:right}.statusDiv{display:flex;align-items:center;justify-content:flex-end;gap:.1rem}@keyframes pulse{0%,to{box-shadow:0 0 3px #5bf01d,inset 0 0 3px #5bf01d}50%{box-shadow:0 0 8px #5bf01d,inset 0 0 6px #5bf01d}}.status-dot{background-color:#42b015;width:.35rem;height:.35rem;border-radius:50%;box-shadow:0 0 6px #5bf01d,inset 0 0 6px #5bf01d;animation:pulse 2s ease-in-out infinite;position:relative;bottom:2px}.status{padding-bottom:.2rem;margin-left:.3rem}.timestamp{color:#97948c}.techstack{display:flex;flex-direction:column;gap:1.5rem}.techstack-header{display:flex;align-items:center;gap:.5rem}.techstack-header h3{font-size:1.4rem;font-weight:200;letter-spacing:.1rem}.brackets{color:#c33b3b;font-size:1.5rem;font-weight:200}.techstack-body{position:relative;display:flex;flex-wrap:wrap;gap:.3rem}.tag{border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.3rem .6rem;font-size:.525rem;background:#ffffff0d;transition:all .2s ease-in-out}.grouping{position:absolute;top:-.85rem;left:0;font-size:.6rem;opacity:.7}.tag:hover{box-shadow:0 0 .8px #e3e2e2;cursor:default}.interests{display:flex;flex-direction:column;gap:1.25rem}.interest-header{display:flex;align-items:center;gap:.5rem}.interest-header h3{font-size:1rem;font-weight:200}.smiley{font-weight:200;color:#ffee15}.interests-body{position:relative;display:flex;flex-wrap:wrap;gap:.3rem}.socials{display:flex;flex-direction:column;gap:1rem}.socials-title{font-size:1rem;font-weight:200}.icons{display:flex;flex-direction:column;gap:.8rem}.icon-div{display:flex;align-items:center;justify-content:center;text-align:left;gap:1rem}.icons a{text-decoration:none}.icons img{width:20px;display:flex;margin:0;filter:brightness(0) saturate(100%) invert(65%) sepia(7%) saturate(285%) hue-rotate(8deg) brightness(88%) contrast(89%);transition:filter .75s ease}.icons img:hover{filter:hue-rotate(200deg) brightness(1)}.icon-div span{font-size:.75rem;font-weight:200;color:#d2985a;cursor:default}.quote-box{display:flex;justify-content:center;align-items:center;height:100%;text-align:center}.quote-box p{font-weight:200;font-size:.825rem}.question-box{display:flex;flex-direction:column;justify-content:center;gap:.75rem}.question-title{font-weight:200;font-size:1rem}.question-buttons{display:flex;flex-direction:column;gap:.5rem}.question-btn{background:transparent;color:#fffc;border:1px solid rgba(67,66,66,.35);border-radius:6px;padding:.3rem 1rem;font-size:.7rem;cursor:pointer;transition:all .25s ease}.question-btn:hover{color:#c661b2;border-color:#c661b2;box-shadow:0 0 6px #ae4ba94d;transform:scale(1.04)}.question-btn.selected{color:#c661b2;border-color:#c661b2;box-shadow:0 0 8px #ae4ba94d;transform:scale(1.05)}.projects{display:flex;flex-direction:column;gap:1.25rem}.projects-header h3{font-size:1rem;font-weight:200}.project-name{color:#7857da;font-size:.8rem;font-weight:200;margin-bottom:.3rem}.project-tech{font-size:.67rem;font-weight:200;color:#abaaaab3}.project-desc{font-size:.72rem;font-weight:200;color:#ffffffb3;padding-top:1.5rem}.experiences{display:flex;flex-direction:column;gap:1.15rem}.experiences-header h3{font-size:1rem;font-weight:200}.experience-name{color:#45b454;font-size:.8rem;font-weight:200;margin-bottom:.3rem}.experience-role{font-size:.75rem;font-weight:200;color:#c6c5c5}.experience-date{font-size:.6rem;font-weight:200;color:#abaaaab3}.experience-desc{font-size:.72rem;font-weight:200;color:#ffffffb3;padding-top:1.3rem}.dots{display:flex;margin-top:auto;justify-content:center;align-items:center;gap:.4rem}.dot{width:6.5px;height:6.5px;border-radius:50%;background:#989898b3;cursor:pointer;transition:all .2s ease}.dot:hover{transform:scale(1.3);opacity:.9}.dot.active{width:7.5px;height:7.5px;padding-bottom:0;background:#e2e1e1;box-shadow:0 0 1px #e2e1e1}.arrow{background:none;border:none;color:#989898b3;font-size:.9rem;cursor:pointer;transition:all .25s ease}.arrow:hover{color:#e2e1e1;transform:scale(1.3)}