@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Comic+Neue:wght@700&display=swap');

*{box-sizing:border-box}
body{
margin:0;
background:#2872ca;
color:white;
font-family:"Comic Neue",Arial,sans-serif;
}
header{
padding:20px 5%;
display:flex;
justify-content:space-between;
align-items:center;
border-bottom:3px solid white;
font-family:"Archivo Black",Impact,sans-serif;
font-size:26px;
}
nav{display:flex;gap:12px}
a,button{
background:white;
color:#111;
border:3px solid #111;
padding:12px 18px;
font-weight:bold;
text-decoration:none;
cursor:pointer;
}
main{
max-width:1200px;
margin:auto;
padding:60px 5%;
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
}
.card{
background:white;
border:5px solid #111;
padding:20px;
transform:rotate(-4deg);
}
.card img{width:100%}
h1{
font-family:"Archivo Black",Impact,sans-serif;
font-size:clamp(60px,9vw,120px);
line-height:.8;
}
p{font-size:24px}
button{
width:100%;
word-break:break-all;
}
#msg{color:#ffe000}
@media(max-width:800px){
main{grid-template-columns:1fr}
header{flex-direction:column;gap:20px}
}