@import url('https://fonts.googleapis.com/css2?family=Amita:wght@400;700&family=Calistoga&family=Caprasimo&family=Fuzzy+Bubbles:wght@400;700&family=Goblin+One&family=Handlee&display=swap');

*{margin: 0px; padding: 0px;}
body{height: 100dvh;padding: 16px 32px; display: flex;flex-direction: column; box-sizing: border-box;background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.8)),url('./../assets/bg1.png'); background-position: center;background-repeat: no-repeat;}
.header{display: flex; align-items: center;justify-content: space-between;}
.header > h1 > a{  font-family: "Caprasimo", serif; font-weight: 400; color: black; text-decoration: none; font-size: 42px;}
.platform{display: flex;align-items: flex-end; gap: 8px;}
.platform > div{display: flex; align-items: flex-end; gap: 8px;}
.platform img{width: 32px;}
.platform > label{font-size: 16px !important;}
.body{flex: 1; display: flex; align-items: center; justify-content: space-between;padding: 0px 32px; }
.body p, .body input[type=email], footer, .platform > label{font-family: "Handlee", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
}

.body > div > p:nth-of-type(2){display: none;}

.cta{text-align: center;display: flex;flex-direction: column; gap: 16px;}
.body form{display: flex; flex-direction: column;gap: 8px;}
.body input{padding: 12px; font-size: 18px;}

.body input[type=submit]{font-family: "Caprasimo", serif; font-weight: 400; color: white; background-color: black; border: none;}
footer{text-align: center; font-size: 12px;}
footer a{color: black;text-decoration: none;}

@media only screen and (max-width: 500px) {

    body{background-size: contain;}
    .body{flex-direction: column; justify-content: space-evenly;}
    .body > div > p:nth-of-type(2){display: inline;}
    .platform > label{display: none;}
}