button{background:var(--green);border:0;border-radius:50%;padding:1rem;display:flex;align-items:center;justify-content:center;transition:filter .2s}button:hover{filter:drop-shadow(1px 1px 1rem var(--green))}main{background:var(--dark-grayish-blue);width:500px;padding:3rem 2rem;border-radius:1rem;position:relative;box-shadow:1px 1px 1rem #00000080}main p{text-align:center;color:var(--green);font-weight:500;letter-spacing:.3em;font-size:.8rem;margin-bottom:1rem}main q{display:block;text-align:center;margin-bottom:1.8rem;font-size:1.75rem;font-weight:800}main>img{width:100%;margin-bottom:1rem}main button{position:absolute;z-index:9999;left:221px;bottom:-25px}@media (max-width: 500px){html{font-size:87.5%}main{width:100%}main button{position:static;margin:auto auto -65px}}*{margin:0;padding:0;box-sizing:border-box}:root{--cyan: hsl(193, 38%, 86%);--green: hsl(150, 100%, 66%);--grayish-blue: hsl(217, 19%, 38%);--dark-grayish-blue: hsl(217, 19%, 24%);--dark-blue: hsl(218, 23%, 16%)}body,input,select,textarea,button{font-family:Manrope,sans-serif}body{background:var(--dark-blue);color:var(--cyan);height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}button{cursor:pointer}@media (max-width: 500px){body{padding:0 1rem}}