:root{--clr-primary: #fef3e2;--clr-secondary: #fa812f;--clr-tertiary: #fab12f;--clr-accent: #dd0303;--clr-text: black;--body-width: 85vw}html{background-color:var(--clr-primary)}#root{display:flex;flex-direction:column;align-items:center;width:100vw}*{margin:0;padding:0;color:var(--clr-text)}@font-face{font-family:Cooper Black Regular;font-style:normal;font-weight:400;src:local("Cooper Black Regular"),url(/assets/COOPBL-D_zIxPDP.woff) format("woff")}@font-face{font-family:Cooper Black Light;font-style:normal;font-weight:400;src:local("Cooper Black Light"),url(/assets/Cooper%20BT%20W03%20Light%20It-CLX6JMzN.woff) format("woff")}body{font-family:Cooper Black Light;text-align:center}section{width:var(--body-width);padding-top:5vw}.container{width:100%;max-width:var(--body-width);display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-weight:500;font-size:4vw;text-transform:uppercase}h2{font-weight:100;font-size:2.5vw}h3{font-weight:100;font-size:2vw}.hero{flex-direction:row;justify-content:left;margin-bottom:10vw}.face-card{flex-direction:row;width:70%;justify-content:left;align-items:start}.face{width:50%;padding:0px 2vw 0px 0px}.face-image{width:100%;border-radius:35%;border:.5vw solid var(--clr-secondary)}.personal-info{height:100%;align-items:start;justify-content:start}.socials{flex-direction:row;justify-content:start}.social-image{padding-top:.3vw;width:3vw}@keyframes expand-shrink{0%{width:16vw;top:-8vw;right:4vw}50%{width:21.33333vw;top:-10.6666666vw;right:1.5vw}to{width:16vw;top:-8vw;right:4vw}}.big-hero{position:relative}.popout-holder{width:30%;position:relative}.popout{background-color:var(--clr-primary);animation-name:expand-shrink;animation-duration:3s;animation-iteration-count:infinite;position:absolute;width:14vw;border:none}.popout:hover{animation-play-state:paused}.popout:hover>.popout-text{animation-play-state:paused}.popout:active{transform:rotate(-10deg)}.star{width:100%;transform:rotate(25deg);background-color:var(--clr-primary)}@keyframes expand-shrink-text{0%{font-size:1.5vw}50%{font-size:2vw}to{font-size:1.5vw}}.popout-text{animation-name:expand-shrink-text;animation-duration:3s;animation-iteration-count:infinite;font-family:Cooper Black Light;text-align:center;width:75%;text-transform:uppercase;color:var(--clr-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(25deg)}.navbar{width:100vw;padding:0;padding-bottom:7vh;position:sticky;display:flex;justify-content:center;align-items:center;flex-direction:column;top:-.4vw;transition:background-color .5s}.navbar>*{transition:width .5s,background-color .5s,height .5s,opacity .5s}.divider{background-color:var(--clr-secondary);width:var(--body-width);height:.4vw;opacity:100%}.headers{max-width:100vw;width:var(--body-width);flex-direction:row;justify-content:space-evenly}.header{width:15vw;padding:.5vw;position:relative}.hand{width:5vw;position:absolute;bottom:-5vw;left:6.25vw;transform:rotate(270deg);transition:opacity 1.5s;opacity:0%}.hand-clicked{transition:none;opacity:100%}.header-text{font-weight:800;text-transform:uppercase;font-size:3vw;color:var(--clr-text);text-decoration:none;transition:font-size .5s,color .5s}@keyframes red-black{0%{color:var(--clr-text)}50%{color:var(--clr-accent)}}.header-text:hover{animation-name:red-black;animation-duration:1s;animation-iteration-count:infinite}.sticking>*{max-width:100vw;width:100vw;background-color:#000;position:relative;bottom:1vw}.sticking>.divider{opacity:0%;margin-bottom:1vw}.sticking>*>*>.header-text{font-size:2.5vw;color:#fff;animation-name:none}.title{font-weight:900;margin-bottom:2vw;font-size:8vw}.project{border:4px solid black;padding-top:1.5vw;padding-bottom:1.5vw;margin-bottom:4vw;min-height:10vw;border-radius:10px;flex-direction:row}.project-right{width:auto;padding-right:4vw}.project-image{width:20vw;margin-bottom:1vw;border:.3vw solid black}.tech-container{flex-direction:row;width:50%;align-items:start;justify-content:start}.tech-image{width:2vw;height:2vw;margin-right:.2vw;border:1px solid black}.tech-and-link{flex-direction:row;justify-content:space-between;width:95%}.link-image{width:2vw}.project-left{align-items:start;padding-left:4vw;min-height:15vw}.project-title{font-size:3.5vw;font-weight:700}.project-role{font-style:italic;font-size:1.8vw;margin-bottom:1vw}.project-description{font-size:1.6vw;min-height:8vw;text-align:left;padding-right:2vw}.footer{height:10vh}