@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

*{
    margin: 3;
    padding: 3;
    box-sizing: content-box;
}

body{ 
background-color: rgb(231, 223, 213);
color:#4169e1;
font-family: "Outfit", sans-serif; 
font-weight: 400;
text-align: center;
padding: 100px;
margin: 0;
}


header{
padding: 2rem;
background-color:#2b2726 ;
text-align: center;
}
main{
 padding: 2rem;   
 display: flex;
 flex-direction: column;
 gap: 1.5rem;
}

section{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
h2{
    color: #634941;
    font-size: 1.2rem;
}

input[type="radio"], input[type="checbox"] {
    accent-color: #4e2717;
}

input[type="text"], input[type="Password"], input[type="date"] , input[type="email"] { 
width: 100%;
padding: 1rem;
border: 2px solid #4e2717;
outline: none;
border-radius: 5px;
background-color: transparent;
}

input::placeholder{
    color: #634941;
}

select{
 cursor: pointer;
 background-color: #f0cbb5;
 color:#29396d;
border-radius: 5px;
border: none;
outline: none;
}

img{
width: 7rem;    
border-radius: 5px;
}

table{
    width: 100%;
    border-collapse:collapse;
}

th{
    background-color: #42362e;
    color: #4169e1;
    padding: 1rem;
    text-align: center;
}

td{
    color: #4169e1;
    padding: 1rem;
    text-align: center;
}

tfoot td {
background-color: #42362e;
color: #4169e1;
}

details{
    background-color: rgb(225, 223, 250);
    border-radius: 5px;
    padding: 1rem;
    color: rgb(128, 30, 0);
}

summary{
    color: green;
    margin: 0.5;
    cursor: pointer;
}

ol{
    margin-left: 1.5rem;
}

ol li{
padding: 0,2rem;
}

fieldset{
    border: 2px solid #42362e;
    border-radius: 3px;
    padding: 3rem;
}

legend{
  color: #42362e;  
  padding: 0 0.5rem;
}

textarea{
    outline: none;
    border-radius: 5px;
    border: 2px solid #42362e;
}
button{
  background-color: #ad9587;  
  border: none;
  padding: 0.8rem;
  color: #142042;
  border: 5px;
}

footer{
    background-color: #42362e;
    padding-inline: 2px;

}

.paragrafo-footer{
color: #4169e1;
}
footer a {
    text-decoration: none;
    color: #74d491;
}