@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100&family=Roboto:ital,wght@0,100;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100&family=Roboto:ital,wght@0,100;1,400;1,900&display=swap');




body{
    background-color: #E1CA34 ;
    overflow-x: hidden;
    margin: 0 0;}

header{
    z-index: 1000;
    position: fixed; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0;
    width: 100vw;
    background-color: rgb(37, 37, 37, 0.8);}

header div{padding: 0 5vh}

#logopequena img {width: 13vw;}

nav{font-family: 'roboto', sans-serif;
font-style: italic;
font-weight: 910;}

ul{ padding: 0em 5vw;
    list-style: none;
    display: flex}

li{ font-size: 2.3vh;
    color: white;
    padding: 0 1em}

li a:hover{color: gray}

li a{color: white;
    transition: color 0.3s;
    text-decoration: none;}

#login a {color:#FFE53B }    

#login a:hover {color:gray }
/* Fim do Header */

main{display: grid;
    grid-template-columns: 1fr 1fr;
    font-family: 'roboto', sans-serif;
    padding: 12vh 0 0 3vw}

    h1{font-style: italic;
        font-size: 6vh;}
    h2{font-style: italic;
    font-size: 4vh;}

    h3{font-size: 4vh;}

form{display:flex;
flex-direction: column;}

input{width: 25vw;
border: none;
background-color: #D9D9D9;
margin: 1vh}

#mensagem{
    height: 30vh;}

button{background-color: black;
    font-family: 'roboto', sans-serif;
    margin-left: 0.5vw;
    margin-bottom: 1vh;
    font-style: italic;
    padding: 1vh;
    transition: color 0.3s;
    cursor: pointer;
    border: none;
    color: #FFE53B;}

button:hover{background-color: #232423;}