body {
    background-image: url("assets/bg.jpg");
    background-size:80%;
    font-family: "3270";
    font-size: 20px;
    color: #02012E;
}

@font-face{
    font-family: "3270";
    src: url("assets/3270-Regular.ttf")
}

article {
    text-align: center;
    margin: 50px;
    width: 450px;
}

header {
background-color: #61EFFF;
display:flex;
padding: 2.5%;
border: 2.5px solid #1415A6;
border-radius: 25px 10px;
}

section {
background-color: #2CACDB;
border: 2.5px solid #1415A6;
}

#grid {display: grid}
#flex {display: flex}

button {
background-color: #30F0DA;
font-family: "3270";
width: auto;
height: 50px;
font-size: 16px; 
padding: 10px;
border: 2.5px solid #1415A6;
border-radius: 10px;
}

button:hover{
background-color: #1EBDAB;
}

footer {
background-color: #61EFFF;
padding: 2.5%;
border: 2.5px solid #1415A6;
border-radius: 10px 25px;
}