* {
  margin: 0;
  padding: 0;

}



body {
color: white;
background: rgb(36, 44, 46);

    margin: 0px;
    display: grid;
    text-align: center;
    font-family:   Verdana, Geneva, Tahoma, sans-serif;
}

.icone {
border: 5px, solid, rgb(124, 67, 20);
float: right;
height: 150px; 
margin: 0 5px 0 15px;
border-radius: 75px;
}

header {
   background: rgb(112, 57, 20);
  padding: 20px;
}

main {
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15%;
  text-align: left;
}

.buttonsTab {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
margin-bottom: 25px;
}
button {
font-weight: bolder;
font-size: 1em;
border: 5px, solid, rgb(49, 11, 8);
border-radius: 15px;
font-family:   Verdana, Geneva, Tahoma, sans-serif;
width: 130px;
height: 50px; 
text-align: center;
cursor: pointer;
}

.b1 {
  background-color: #8b510e;
  color: #c4942b;
}
.b2 {
  background-color: #5f2b0d;
  color: #c47d2b;
}



footer {
    min-height: 20px;
    background-color: #9c5a34;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15%;
}

h1 {
  
font-weight: bolder;
font-size: 3em;
color: #d6b16d;
text-transform: capitalize;
text-align: center;
}

h2 {
font-size: 2em;
font-weight: normal;

color: #e09431;
text-transform: capitalize;
}

h3 {
font-weight: bolder;
font-size: 1.5em;
color: #ffd45e;
text-transform: capitalize;
}

h4 {
text-indent: 1em;
color: #3f721f;
font-weight: bolder;
font-size: 1em;
text-transform: capitalize;
}
p {
font-size: 1.2em;
color: #E9FFCB; 
font-family:  Verdana, Geneva, Tahoma, sans-serif;
}

a {
text-decoration: none;
color: #ebbd5b;
font-family:   Verdana, Geneva, Tahoma, sans-serif;
font-weight: bold;
}