.banner{opacity:100;z-index:-50;width:100%;transition:all .8s;position:relative}.hidden{opacity:0;position:absolute;top:0;left:0}#submenu{opacity:0;visibility:hidden;background:#101021;border-radius:5%;flex-direction:column;gap:2rem;padding:1rem;text-decoration:none;list-style:none;transition:all .3s;display:flex;position:absolute;left:0}#submenu a{color:#c4aead}#submenu a:hover{color:#a8a8c8}#submenu.show{opacity:1;visibility:visible}.light-mode #submenu{background-color:#7dc7d3}.light-mode #submenu a{color:#000}.light-mode #submenu a:hover{color:#893fa0a7}#menu{gap:0}.flex-container{align-items:flex-start;margin-top:-10vh;padding-left:5vw;display:flex}#pfp{border:3px solid #100c08;border-radius:50%;height:30vh;margin-left:5vw;transition:all .5s}.light-mode #pfp{border:3px solid #0040ff}.text-content{flex-direction:column;margin-top:5vh;margin-left:30vw;display:flex}#name{color:#c8aebd;margin:0;font-size:3.5rem}.light-mode #name{color:#27576f}#description{color:beige;max-width:500px;margin-top:1.2rem;font-size:1.4rem;font-weight:400}.light-mode #description{color:#33282e}.icons{gap:15px;display:flex;position:absolute;top:5vh;right:3vw}.social{color:#f0f8ff;cursor:pointer;font-size:1.8rem;transition:all .3s}.light-mode .social{color:#100c08}.light-mode .icon{color:#2e0404}.social:hover{color:#c4aead;transform:scale(1.1)}.light-mode .social:hover{color:#5151e1}#cert_heading{text-align:center;color:#fdf5e6;font-family:JetBrains Mono}.light-mode #cert_heading{color:#332828}.certificates{flex-wrap:wrap;justify-content:center;gap:8px;margin-left:2vw;margin-right:2vw;display:flex}@media (width<=956px){.flex-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-left:-18vw;display:flex}#pfp{margin-left:30%}}.cert-card{text-align:center;background:#1a161285;border:1px solid #333;border-radius:10px;padding:20px;transition:transform .3s,border-color .3s}.light-mode .cert-card{background:#66f5ff42}.cert-card:hover{border-color:#c4aead;transform:translateY(-5px)}.cert-card i{color:#c4aead;margin-bottom:15px;font-size:2rem}.cert-card h4{color:#f0f8ff;margin:10px 0;font-family:JetBrains Mono,monospace}.light-mode .cert-card h4,.light-mode .cert-card p{color:#2e0404}.cert-card p{color:beige;font-size:.9rem;line-height:1.4}.cert-card img{border:2px dotted #ff9f55;border-radius:6%;max-width:20vw;max-height:28vh}@media (width<=600px){.cert-card img{max-width:50vw}}.light-mode .cert-card img{border:2px dotted #440e03}a{text-decoration:none}#lightbox{z-index:100;visibility:hidden;opacity:0;background-color:#0003;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:all .4s;display:flex;position:fixed;top:0;left:0}#lightbox.show{opacity:1;visibility:visible;background-color:#02050180}#lightbox-img{opacity:.1;max-width:70vw;max-height:70vh;transition:all .4s;transform:scale(.2)}.close-help{opacity:.8;color:#fff}#lightbox.show #lightbox-img{opacity:1;transform:scale(1)}.top-left{flex-direction:row;gap:2vw;display:flex;position:absolute;top:5vh;left:2vw}.flex-col{flex-direction:column;display:flex}.tc{text-align:center;border:.05rem solid #faebd7;width:50vw;padding:1.5rem}.light-mode #artists,.light-mode #music{border-color:#00008b}.tc a,#now-playing{color:#829b8c;vertical-align:middle;padding-bottom:2rem;font-size:1.5rem}.heading{color:#789b8c;font-size:3rem}.light-mode .heading{color:#503278}.light-mode #music a,.light-mode #now-playing,.light-mode #artists a{color:#503c82}.entry{vertical-align:middle;flex-direction:column;justify-content:center;align-items:center;display:flex}.thumbnail{width:9zvw;height:16vh}#now-playing{font-size:2.2rem}.flex{justify-content:center;align-self:center;margin:1rem;display:flex}.seperator-line{background:linear-gradient(90deg,#0000,#2ee4ee,#0000);border:none;height:1px;margin:2rem 0;display:none}.light-mode .seperator-line{background:linear-gradient(90deg,#0000,#747474,#0000)}@media (width<=600px){.tc{width:35vw}.tc a{font-size:1.5rem}.heading{font-size:2rem}.entry{flex-direction:column}.thumbnail{width:40vw}.seperator-line{display:block}}body{background:#322a27;margin:0;padding:0 0 1.8vh;font-family:Inter,sans-serif;transition:all .5s}body.light-mode{background:#cdf9fc}