header{
   padding-block: 1.25rem;
   padding-inline: 2rem;
   max-width: 1280px;
   margin: auto;

}


header{

    & .interface {

        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    & ul {
        list-style: none;
    }


    li {
        display: inline-block;
        padding: 0 40px;
    }

    & a {
        color: #5a5858;
        text-decoration: none;
        display: inline-block;
        transition: .2s;
    }



    
}


header a:hover {
    color: #f3f3f3;
    transform: scale(1.05);
}


.btn-contato{
    transition: .2s;
    & button {
        padding: 0.6rem 3rem;
        font-size: 1rem;
        border: none;
        border-radius: 30px;
        background-color: #00ff08;
        cursor: pointer;
        font-weight: 600;
        transition: .2s;
        
        &:hover{
            transform: scale(1.05);
            box-shadow: 0 0 8px #00FF08;
        }
        
    }
}