*{
    font-family: "Press Start 2P", system-ui;
}
body{
    display:grid; 
    align-content:space-evenly;
    min-height: 90vh;
    background-color: rgb(0,0,0);
    background-image: url('/images/main_pages/navigation/nav_backs.gif');
    background-size: cover;
    background-attachment: fixed;
    color:#00ffff;
    font-size: 1.5rem;
    text-align: center;
    background-position: center top;
}
form{
    display:grid;
    justify-items: center;
    align-content: center;
    min-height: 50vh;
}
select,button{
    text-align: center;
    color:rgb(255, 255, 255);
    background-color:rgba(7, 139, 121, 0.384);
    border: none;
    height: 2.5rem;
    width:20rem;
}
button:hover{
    background-color: #00b890be;
    cursor: pointer;
}
#imageEra {
    max-width: 400px;
    height: auto;
    margin: 0 auto;
}

@media all {
    body {
        background-position: center;
        margin:2rem;
        height: max-content;
    }
    header h1 {
        font-size:2rem;
    }
    img{
        width:60%;
        height:auto;
    }
    select,button{
        width: 95%;
        max-width: 280px;
    }
    #textEra {
        line-height: 1.5;
    }
}