div{background-color:transparent;color:azure;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10%;height:100vh;width:10vw;position:fixed}.bar{z-index:100}button{color:azure;border:none;font-size:1.5rem;font-weight:500;font-style:normal;line-height:normal;cursor:pointer;transition:border-bottom .2s,filter .3s,font-size .2s,scale .3s;background-color:transparent;width:75%;height:2em;font-size:1.5em;font-weight:150;text-align:left;padding-left:5%;padding-top:0;margin-left:10%}@media only screen and (max-width: 680px){div.bar{flex-direction:row;justify-content:center;align-self:flex-start;width:100vw;height:10vh;margin-top:-90vh}button{padding-left:0;padding-top:5%;text-align:center;margin-left:0;width:60%;padding-bottom:7%}}button:hover{filter:drop-shadow(0 0 10px #7fffe1);scale:1.1}button:active{scale:.9}button.selected{color:#7fffe1;font-size:2em;border-bottom:solid 2px#7fffe1}@media (prefers-color-scheme: light){button{color:#090310}button.selected{color:#9d00ff;border-bottom:solid 2px #9D00FF}}.logos{position:relative;display:flex;justify-content:center;align-items:center;z-index:-10}.logo{position:absolute;z-index:-10}.logo-container{background-color:transparent;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;margin-left:85vw;margin-right:0;position:absolute;z-index:-10}.logo.orb{filter:drop-shadow(0 0 1rem #7fffe194)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){img:nth-of-type(2).logo{animation:logo-spin infinite 20s linear}}.container{min-width:100vw;min-height:100vh;width:100vw;height:100vh;overflow:visible;position:relative;z-index:-10}@media only screen and (max-width: 680px){.logo-container{margin-left:90vw;margin-top:100vh}}h1.title{font-family:Inter;font-size:7.9rem;font-weight:300;word-wrap:break-word;line-height:normal;color:azure}h2.subtitle{font-family:Inter;font-size:1.2rem;font-weight:500;word-wrap:break-word;color:azure;line-height:normal}p.content{width:21rem;font-family:Inter;font-size:1rem;font-style:normal;font-weight:300;line-height:140%}div.contHello{color:azure;height:55vh;width:30vw;z-index:0;margin-left:140vw;margin-top:10vh;display:grid;grid-template-rows:35% 4% 30%;grid-row-gap:5%;justify-content:center}@media screen and (max-width: 680px){h1.title{font-size:4.9rem}h2.subtitle{font-size:1rem}p.content{font-size:.8rem}div.contHello{text-align:center;height:55vh;width:90vw;margin-left:90vw;margin-top:-5vh;grid-row-gap:0}}@media only screen and (max-width: 400px){div.contHello{margin-left:95vw}}@media (prefers-color-scheme: light){h1.title,h2.subtitle,p.content,div.contHello{color:#0a0313}}div.card{width:384px;height:240px;background-color:azure;color:#0a0313;border-radius:3px;overflow:hidden;transition:height .2s,width .2s,filter .5s,position .2s;position:relative;display:block;cursor:pointer;z-index:2}div.card:hover{z-index:90;filter:drop-shadow(0 0 10px #7fffe1)}.cardImg{width:100%;position:relative;transition:opacity .2s;z-index:1}.cardImg.isOpen{opacity:0}.cover{width:384px;height:240px;position:absolute;z-index:5;color:azure;background-color:#0a031387;transition:background-color .2s}.cover:hover{background-color:#0a031300;color:transparent}.cover:hover .miniIcon{display:none}.cover.isOpen{visibility:hidden}.cardTitle{position:relative;margin-top:9vh;font-weight:550}.miniLogos{display:flex;flex-direction:row;width:fit-content;gap:1.4vw;position:relative;margin-top:-15vh}.miniIcon{position:relative;scale:1.5}@media only screen and (max-width: 440px){div.card{width:100%;height:100%;scale:.8}.cover,.cardImg{width:100%;height:100%}.cardTitle{margin-top:7vh;scale:.65}.miniLogos{margin-top:-14vh;scale:.65}}@media (prefers-color-scheme: light){div.card{background-color:#eee;color:#0a0313;border:2px solid #0a03132c}div.card:hover{filter:drop-shadow(0 0 10px #9D00FF)}.cover{background-color:#eeeeee60;color:#0a0313}.cover:hover{background-color:#0a031300}}div.cardContainer{display:grid;grid-template-columns:400px 400px;grid-template-rows:repeat(auto-fill,30vh);row-gap:5vh;column-gap:5vh;width:100vw;height:100vh;margin-left:85vw;align-items:left;position:absolute;padding-top:10vh;overflow:scroll;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}div.cardContainer::-webkit-scrollbar{display:none}.planetDiv{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0%;height:100vh;width:.5vw;position:fixed;z-index:-10}div.expandedCard#expandedCard{position:fixed;width:70vw;height:90vh;margin-left:90vw;background-color:#f0fffff7;border-radius:8px;z-index:100;color:#0a0313;font-family:Inter;display:grid;grid-template-columns:100%;grid-template-rows:35% 10% 40% 10%;overflow:hidden;text-align:center;row-gap:0;align-items:flex-start}.imgContainer{width:100%;height:100%;overflow:hidden;position:relative}.openCardImg{width:100%;margin-top:5vw}@media only screen and (max-width: 1200px){div.cardContainer{grid-template-columns:400px;margin-top:30vh}}@media only screen and (max-width: 680px){div.cardContainer{grid-template-columns:400px;margin-top:24vh;row-gap:2vh;margin-left:92.5vw}div.planetDiv{justify-content:flex-end;align-items:flex-end;width:100vw;height:100vh}div.expandedCard#expandedCard{width:450px;height:80vh}}@media only screen and (max-width: 440px){div.cardContainer{grid-template-columns:300px;grid-template-rows:repeat(auto-fill,22.5vh);width:300px;margin-top:25vh;margin-left:90vw;row-gap:0}div.expandedCard#expandedCard{width:350px;height:80vh}.openCardImg{margin-top:-5%}}div.me{width:70vw;height:100vh;color:azure;position:fixed;margin-left:90vw;z-index:1;display:grid;grid-template-rows:40% 80% 100vh;grid-template-columns:100%;row-gap:0;align-items:center;text-align:center;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;font-weight:400}div.me::-webkit-scrollbar{display:none}div.contactMe{color:inherit;position:relative;gap:0;height:100%;width:100%}form{margin-top:2%;color:inherit;position:relative;height:60%;display:flex;flex-direction:column;width:100%;text-align:left;align-content:center}#name,#email,#message{width:70%;margin-left:15%;background-color:inherit;border:1px solid azure;border-radius:3px;color:inherit;font-family:Roboto,sans-serif;margin-bottom:3%}label,#thanks{margin-left:15%}#name,#email{font-size:1.2rem;height:10%}#message{height:20%;font-size:1rem}button#sub{background-color:#01b4b4;width:17%;height:10%;border-radius:8px;margin-left:15%}p#abtMe{width:60%;margin-left:20%}div.skillsTab{color:inherit;height:100%;width:100%;display:grid;gap:4vh;grid-template-rows:15% repeat(6,10%);grid-template-columns:80%;position:relative;align-items:flex-start}div.abt{margin-top:10vh;color:inherit;position:relative;display:grid;grid-template-rows:10% 20% 10% 28% 2%;width:100%;height:100%}div.skillCont{display:flex;flex-direction:row;height:100%;width:100%;position:relative;z-index:1;overflow:unset}div.skill{display:block;height:40%;width:100%;position:relative;font-family:Helvetica;transition:scale .2s}div.skill:hover{scale:1.1}@media only screen and (max-width: 680px){.me{width:100vw;height:90vh;margin-top:10vh;font-size:.8rem}div.skillCont{height:50%}div.skill{font-size:.5rem}p#abtMe{width:100%;margin-left:0}button#sub{width:40%;padding-left:2%;padding-bottom:12%}}@media only screen and (max-width: 400px){div.skillCont{margin-top:-10%}}@media (prefers-color-scheme: light){div.me,div.skill{color:#0a0313}#name,#email,#message{border:1px solid #0a0313;background-color:azure}button#sub{background-color:#f6228e}}:root{font-family:Inter,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:light;color-scheme:light dark;color:#fff;background-color:#120621;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#0d0418;margin:0;min-width:320px;min-height:100vh;max-width:100%}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){body{color:#0a0313;background-color:#eee}:root{color:#0a0313}}a{color:#9d00ff;text-decoration:none}