@import url("https://fonts.googleapis.com/css2?family=Balsamiq+Sans&family=Rubik:wght@500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Boogaloo&family=Concert+One&family=Press+Start+2P&display=swap");*{margin:0;padding:0;outline:none}:root{--white:#fff;--alice-blue:#c0cedd;--metal-blue:#5a83b9;--black:#000}a,button,h1,h2,h3,h4,h5,label{font-family:Balsamiq Sans,cursive;font-weight:500}body{background-color:var(--alice-blue);color:var(--black)}body,nav{text-align:center}nav{background-color:var(--metal-blue);color:var(--white);height:calc(3rem + 8vh);font-size:clamp(25px,calc(1vmax + 10px),calc(1vmax + 10px));padding:0 5vw;z-index:10;position:-webkit-sticky;position:sticky;top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}nav h2{font-size:clamp(30px,calc(2vmax + 10px),calc(2vmax + 10px))}button{background-color:var(--metal-blue);color:var(--white);padding:10px;border-radius:10px;border:none;font-size:inherit}button.secondary{background-color:var(--alice-blue);color:var(--black)}nav div{display:flex;flex-direction:row;grid-gap:10px}@media screen and (max-width:768px){nav h2{display:none}nav div{justify-content:space-between;width:100%}}.container{padding:2rem 5vw;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.container h2{font-size:clamp(35px,calc(2vmax + 10px),calc(2vmax + 10px));margin:1rem 0}.container button,.container input,.container label{font-size:clamp(25px,calc(1vmax + 10px),calc(1vmax + 10px))}.container input{background-color:transparent;border:4px solid var(--metal-blue);border-radius:5px;color:var(--black);padding:5px;margin:5px 0 1rem;width:300px;text-align:center;transition:.5s}.container input:focus{background-color:var(--metal-blue);color:var(--white)}