:root{--charcoal-blue:#324355;--lavender-gray:#8e8dbe;--frosted-blue:#a9e4ef;--light-green:#81f495;--lawn-green:#96f550;--midnight-violet:#2e0014;color:var(--lawn-green);font-family:Consolas,monospace;font-size:clamp(.5rem,5vw,2rem)}@media (width>=320px){#links a{font-size:1rem}}body{background-color:#000;margin:0;overflow-x:hidden}#root{height:100vh}main{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0}#bg{width:100%;height:100%;position:fixed;top:0;left:0}h2{margin-top:0}h3{margin:.25rem 0}#startText{color:#0039a3;font-size:2rem;animation:.8s step-end infinite alternate blinking}@keyframes blinking{50%{opacity:0}}#start-button{opacity:0;width:35vh;height:25%;margin-right:.4rem;position:fixed}#start-button:hover{cursor:pointer}#welcomeText{color:var(--lawn-green);width:7ch;font-size:3rem;animation:1s steps(7,end) typing;overflow:hidden}@keyframes typing{0%{width:0}}.main-container{border:solid 3vw var(--charcoal-blue);box-sizing:border-box;background-color:#0a0a0a;flex-direction:column;width:100%;height:100%;animation:1.75s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}}nav{box-sizing:border-box;width:100%;padding:2vw;display:flex}#reset-container{box-sizing:border-box;padding-right:2rem;display:grid}#nav-buttons-container{flex-wrap:wrap;gap:.25rem;margin-left:auto;display:flex}nav a{color:var(--light-green);padding:0 .5rem;font-size:.7rem;text-decoration:none}nav a:hover{cursor:pointer}header{font-size:clamp(.75rem,2vw,1rem);line-height:clamp(1rem,5vw,2rem)}section{border-radius:1rem;width:60%;font-size:clamp(.5rem,2vw,1.25rem);line-height:clamp(1rem,3vw,1.5rem)}.content-container{box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;padding:1rem 1.5rem 1.5rem;display:flex}.pagination-container{width:100%;display:flex}.pagination-button:hover{cursor:pointer}#next-button{margin-left:auto}#technologies{flex-direction:column;align-self:center;align-items:center;width:100%;height:100%;display:flex}#tech-main-div{flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.tech-subsection{text-align:right;background-color:var(--midnight-violet);flex-direction:column;justify-content:center;gap:clamp(.5rem,3vw,1rem);width:fit-content;height:clamp(25vh,25vw,30vh);margin-bottom:1rem;padding:clamp(.5rem,2vw,1rem);font-size:clamp(.5rem,2vw,1rem);display:flex}.tech-subsection img{width:clamp(20px,3vw,45px)}.tech-subdiv{justify-content:flex-end;align-items:center;gap:1rem;padding:0 clamp(.5rem,2vw,1.25rem);display:flex}#work,#projects{width:100%;font-size:clamp(.5rem,2vw,.75rem)}.projects-images-container{gap:2rem;display:flex}#links{flex-direction:column;gap:1rem;width:fit-content;display:flex}#links a{color:var(--lavender-gray);text-decoration:none}.links-subcontainer{align-items:center;gap:1rem;display:flex}