*{font-family: roboto;}

body {
    background-color: #363636;
    color:#ffffff;
}
a{
    color: #ffffff;
}
a:hover{
    color: #b7b7b7;
    text-decoration: none;

}
h1,h2,h3,h4{
    color:#ffffff;
}

.logo {
    max-width: 300px;
    margin-bottom: 20px;
    margin-top: 40px;
    text-align: center;
}



.login-container {
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    background-color: white;
    border-radius: 15px;
}

.register-container{
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    background-color: white;
    border-radius: 15px;
}



.input-group-text{
    background-color: #363636;
    color: #F4FFFB;
    font-size: 20px;
}


.btn-profile{
    background-color: #363636;
    border: 1px solid #363636;
    color: #F4FFFB;
}
.btn-profile:hover{
    background-color: transparent;
}