:root{--Red: hsl(0, 78%, 62%);--Cyan: hsl(180, 62%, 55%);--Orange: hsl(34, 97%, 64%);--Blue: hsl(212, 86%, 64%);--Grey-500: hsl(234, 12%, 34%);--Grey-400: hsl(212, 6%, 44%);--White: hsl(0, 0%, 100%);--text-1: normal 600 24px/1.4 "poppins", sans-serif;--text-2: normal 200 24px/1.4 "poppins", sans-serif;--text-3: normal 600 20px/1.35 "poppins", sans-serif;--text-4: normal 400 15px/1.4 "poppins", sans-serif;--text-5: normal 400 13px/1.6 "poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--White);gap:.625rem}.content{display:flex;flex-direction:column;align-items:center;gap:3.75rem;height:auto}.title-wrapper{display:flex;flex-direction:column;max-width:19.75rem;height:9.1875rem;gap:1rem}.title-wrapper h1{font:var(--text-2);color:var(--Grey-500);text-align:center}.title-wrapper strong{font:var(--text-1);color:var(--Grey-500)}.title-wrapper p{font:var(--text-4);color:var(--Grey-500);text-align:center}.card-wrapper{display:flex;flex-direction:column;gap:2rem}.card-wrapper h2{font:var(--text-3);color:var(--Grey-500)}.card-wrapper span{font:var(--text-5);color:var(--Grey-400);display:block;margin-block-start:.375rem}.card-1,.card-2,.card-3,.card-4{display:flex;flex-direction:column;gap:2rem;max-width:314px;height:15.625rem;padding:2rem;border-radius:.5rem;background-color:var(--White);align-items:end;justify-content:space-between;filter:drop-shadow(.3125rem .3125rem .625rem rgba(131,166,210,.5))}.cont-wrapper{display:flex;flex-direction:column;gap:2rem}img{width:4rem}.card-1{border-top:.25rem solid var(--Cyan);order:0}.card-2{border-top:.25rem solid var(--Red);order:0}.card-3{border-top:.25rem solid var(--Orange);order:1}.card-4{border-top:.25rem solid var(--Blue);order:1}.attribution{font-size:.9375rem;text-align:center}.attribution a{font:var(--text-5);color:var(--Blue)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:48rem){.content{gap:4.625rem}.title-wrapper{max-width:33.75rem}.title-wrapper h1,.title-wrapper strong{font-size:2.25rem}.card-wrapper{max-width:1114px;align-items:center}.cont-wrapper{flex-direction:row}}@media(min-width:90rem){.card-wrapper{max-width:69.625rem;flex-direction:row;justify-content:center}.card-1,.card-2,.card-3,.card-4{max-width:21.875rem;height:15.625rem}.cont-wrapper{flex-direction:column}}