main.css

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

header {
    padding: 10px;
    margin-bottom: 50px;
    font-size:60px;
    color: rgba(229, 255, 0, 0.774);
    display: center;
    font-family: "Space Grotesk",sans-serif;
    background-image: url(./imagens/cafes.jfif);
}


body {
    background-color: rgba(27, 31, 31, 0.267);
    opacity: 0,87;
}
    
header nav li {
    display: inline;
    padding: 10px;
    margin-left: 10px;
    font-size: 40px;
    color:rgba(202, 223, 12, 0.87);
    font-family: "Space Grotesk",sans-serif;
    font-weight: 600px;
}

section h2,
section h3, 
form button ,
.end,
.contact-methods{
    font-family:"Space Grotesk", sans-serif;
}
    
.conteudo {
margin-bottom: 50px;
margin-left: 500px;
display: inline-block;
font-size: 25px;
font-family: "Nanum Gothic", sans-serif;
}


header nav li a {
    color:rgba(202, 223, 12, 0.87);
    text-decoration: none;
}

.container {
    max-width:1290px;
    width: 100%;
    margin: 0 auto;
}

header .container{
    display:flex;
    align-items:flex-end;
    justify-content: space-between
    }

.social-links img {
    height: 30px;

}

.social-links li {
    display: inline;
    margin-right: 10px;

}

.social-links li a {
    text-decoration: none;
}

h2 {
margin-left: 10px;
margin-bottom: 10px;
font-size: 40px;
font-weight: 600px;
}

#contact-speak {
    display: flexk;
    margin-left: 20px; 
}

.contact-methods{
    display: flex;
    justify-content: space-between;
    margin-right: 40px;
    margin-left: 10px;
    font-size: 20px;
    
}

form input,
form textarea,
form button {
    display: block;
    width: 300px;
    margin-bottom: 8px;
    padding: 10px;
    background-color: rgb(226, 226, 217);
    border: none;
}

form textarea {
    resize: none;
    height: 100px;
}

section h3 {
    margin-bottom: 10px;
}

form button{
    border: none;
    cursor: pointer;
    background-color:rgb(161, 161, 105) ;
}

form button:hover{
    background-color: rgb(85, 82, 82);
}

.end {
    margin-left: 900px;
    padding:5px;
}

 input:focus, textarea:focus{
    outline-color: rgb(124, 129, 134);
 }