body{
    margin: 0; 
    font-family: "Inter";
    background-color: #F9F9F9; 
}

.grid{
    padding: 0 5vw 0 5vw;    
}

header{
    background-color: #0D00A4;
    display: flex;
    height: 10vh; 
    
}

header .header-text{
    margin: 0; 
    width: 100%; 
    display: flex;
    flex-direction: row; 
    justify-content: space-between;
    align-items: center;
    color: white; 
    font-family: "Inter", sans-serif;

}

.help{
    display: flex; 
    flex-direction: row;
    justify-content: right;
    align-items: center;
    width: 50%;
}

.help > svg{
    width: 20px; 
    height: 20px;
    margin-right: 6px; 
}

article{
    margin-bottom: 3vh; 
    height: 90vh; 
    max-height: 1728px; 
}

.input{
    margin-bottom: 2%; 
}

input{
    width: 30%; 
}

.error{
    margin-left: 5px; 
    color: red; 
    display: none; 
}

.container{
    background-color: #E6E6E6;
    min-height: 200px; 
    border-radius: 15px;
    padding: 1% 2% 1% 2%;
    margin-bottom: 4vh; 
}

.label{
    font-size: 18px; 
}

#download{
    height: 50px; 
    font-family: Inter;

}

footer{
    background-color: #0D00A4;
    display: flex; 
    justify-content: space-around; 
    min-height: 300px; 
}

.footer-content{
    width: 30%;
    display: flex; 
    flex-direction: column; 
    color: white; 
    justify-content: center;
    align-items: center;
    min-width: 150px; 
}

@media only screen and (max-width: 325px){
    footer{
        display: flex; 
        flex-direction: column; ;
    }
}

li{
    margin-bottom: 2px; 
}

.help h3:hover{
    cursor: pointer;
}