@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

*{
    margin: 0;
    padding: 0;
}

html, body {
  height: 100%;
  width: 100%;
}

body {
  background-image: url('img/painel_novo.png');
  background-size: cover; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-attachment: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
}

#geral{
    background-color: white;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'poppins';
    padding: 2%;
    width: 40vh;
}

#geral img{
    width: 60%;
}

#geral h2{
    width: 100%;
    margin: 6% 5% 3% 5%;
    font-size: larger;
} 

#conteiner_login{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 2% 5% 10% 5%;
}

input{
    outline: 0;
    width: 94%;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #000;
    margin-top: 2%;
    padding-left: 5%;
}

button{
    outline: 0;
    width: 100%;
    height: 35px;
    border-radius: 5px;
    background-color: rgb(68, 211, 68);
    border: 1px solid rgb(68, 211, 68);
    margin-top: 7%;
    cursor: pointer;
    font-weight: 600;
    color: #494848;
}

#conteiner_login div{
    width: 100%;
}

#conteiner_login #prt2{
    margin-top: 6%;
}


@media (max-width: 430px) {
    #geral{
        width: 32vh;
        padding: 8% 5%;
    }

}