*{box-sizing:border-box}:root{--clr-bright-green: hsl(150, 100%, 66%);--clr-dark-blue: hsl(220, 22%, 16%);--clr-light-dark-blue: hsl(218, 20%, 24%);--clr-light-grey-blue: hsl(202, 49%, 89%)}.col{display:flex;flex-direction:column}body{width:100vw;height:100vh;margin:0;padding:20px;background-color:var(--clr-dark-blue);font-family:Poppins,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center}p{color:var(--clr-light-grey-blue);text-align:center;font-size:1.25rem;margin-top:20px}button.retry{background-color:var(--clr-bright-green);color:var(--clr-light-dark-blue);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;width:100%}button:active{box-shadow:inset 5px 5px 10px -3px #000000b3}.card{position:relative;padding:20px;max-width:550px;background-color:var(--clr-light-dark-blue);border-radius:20px;align-items:center;justify-content:center}.card h2{color:var(--clr-light-grey-blue);align-self:center;text-align:center}.card h3.card__promptNumber{color:var(--clr-bright-green);text-align:center;letter-spacing:2px;font-weight:400;font-size:1rem}.card img{margin-top:-10px;width:90%;object-fit:contain;border:5px solid var(--clr-dark-blue);border-radius:10px}.card a{color:var(--clr-bright-green);align-self:center;text-align:center;padding:5px 0}.card button{--size: 60px;width:var(--size);height:var(--size);position:relative;bottom:-10px;border:transparent;border-radius:50%;background-color:var(--clr-bright-green);font-size:30px;color:var(--clr-light-dark-blue);cursor:pointer}.card .card__photographer{font-weight:400;font-size:1rem}.card .card__promptWord{font-size:1.75rem;margin-top:5px}
