*{
    font-family: "Teachers", sans-serif;
}

.navbar{
    width: 100%;
    background-color: rgb(58, 58, 58);
    border-bottom: 1px solid;
    border-color: red;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo{
    margin: 15px;
}

.perfilbtn{
    padding: 10px 10px;
    border: 1px solid;
    border-radius: 5px;
    border-color: #ffffff;
    transition: 0.2s;
    color: white;
}
.perfilbtn:hover{
    color: #62C2A2;
    border-color: #62C2A2;
}

.login{
    padding: 10px 20px;
    border: 1px solid;
    border-radius: 5px;
    border-color: #eeeeee;
    transition: 0.2s;
    color: white;
}
.login:hover{
    background-color: #ffffff;
    color: #62C2A2;
}

.register{
    padding: 10px 20px;
    border: 1px solid;
    border-radius: 5px;
    border-color: #62C2A2;
    background-color: #62C2A2;
    color: #e2e2e2;
    transition: 0.2s;
}
.register:hover{
    background-color: rgb(58, 58, 58);
    color: #62C2A2;
}

.planos{
    padding: 10px 20px;
    border: 1px solid;
    border-radius: 5px;
    border-color: #eeeeee;
    transition: 0.2s;
    color: #eeeeee;
}
.planos:hover{
    background-color: #62C2A2;
    color: #ffffff;
}

@media screen and (max-width: 790px){
    .login{
        padding: 3px 8px;
    }
    .register{
        padding: 3px 8px;
    }
    .planos{
        padding: 3px 8px;
    }
}