:root{--font-headings: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif}body,p,li,a,button{font-family:var(--font-body);color:#f0f4f8}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);font-weight:700}*{margin:0;box-sizing:border-box}html{background-color:#0f3254}body{margin:0;overflow-x:hidden;background:linear-gradient(90deg,#0f3254,#115f51)}section{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow-x:hidden;margin-left:5%}section .section-header{position:absolute;top:0;z-index:2;width:100%;height:10vh;padding:20vh 0;text-align:center;will-change:transform,opacity;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}section .section-header.visible{opacity:1}section .section-header.hidden{opacity:0}h1{margin-top:1rem;font-size:4rem}.animated{animation-duration:1s;animation-fill-mode:both}@keyframes rubberBand{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}.rubberBand{animation-name:rubberBand}h1 .blast,h2 .blast,p .blast{opacity:0;display:inline-block;transition:all .3s ease-out}h1 .blast:hover,h2 .blast:hover,p .blast:hover{color:#ffa726}@keyframes bounceIn{0%,to,20%,40%,60%,80%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}.bounceIn{animation-name:bounceIn;animation-duration:.75s}@media screen and (max-width: 1030px){section .section-header h1{font-size:3rem}}@media screen and (max-width: 790px){section .section-header h1{font-size:2rem}}@media screen and (max-width: 530px){section .section-header h1{font-size:1.3rem}}