@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap";:root{--white: hsl(0, 0%, 100%);--light-gray: hsl(212, 45%, 89%);--grayish-blue: hsl(220, 15%, 55%);--dark-blue: hsl(218, 44%, 22%);--box-shadow: .3125rem .3125rem .3125rem #0000001a;--attribution-color: hsl(228, 45%, 44%);--h1-font-size: clamp(1.2rem, 1rem + 1vw, 1.5rem);--fluid-16-17: clamp(1rem, .9821rem + .0893vw, 1.0625rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img{max-width:clamp(50%,100vw,100%);border-radius:.938rem;object-fit:contain;object-position:top center;cursor:pointer}html,body{scroll-behavior:smooth;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Outfit,sans-serif;background-color:var(--light-gray);display:grid;place-items:center;line-height:1.2;min-height:100vh;font-weight:400;text-align:center}main{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:clamp(18rem,50vw,20rem);background-color:var(--white);padding:1rem;border-radius:.938rem;box-shadow:var(--box-shadow)}h1{color:var(--dark-blue);font-size:var(--h1-font-size);font-weight:700}p{color:var(--grayish-blue);margin-block-start:1rem;font-size:var(--fluid-16-17)}.attribution{margin:1rem auto;font-size:.7rem}.attribution a{color:var(--attribution-color);text-decoration:none}@media (hover:hover){.attribution a:hover{text-decoration:underline;font-weight:700}}