* {
  margin: 0;
  padding: 0;

  
}

body {
color: rgb(255, 209, 141);
background: rgb(24, 49, 47);

display: grid;
grid-template-rows: auto 1fr auto ;
font-family:  Verdana, Geneva, Tahoma, sans-serif;
}

header {
  min-height: 50px;
  text-align: left;
  margin: 30px;
}

main {
  min-height: 50px;

  margin: 30px;
}
footer {
background-color: #0d7579;
min-height: 50px;
padding: 20px;
}


button {
  
  min-height: 40px;
  min-width: 60px;
  background: #ebbc90;
  border-radius: 25%;

}
div {
  margin-bottom:50px;
  
}
span {
  color: rgb(119, 197, 171);
}
h1 {

color: rgb(255, 164, 90);
transform: scale(1.2,1.3);
font-weight: bolder;
text-transform: capitalize;
font-family: system-ui, 'Segoe UI', 'Open Sans', sans-serif, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif, Georgia, Times, 'Times New Roman', serif, Verdana,Tahoma, 'Helvetica Neue';
text-align: center;
text-decoration: underline;
}

h2 {
font-size: 1.8em;
font-weight: bolder;
margin-bottom: 30px;
text-transform: capitalize;
font-family:  Verdana, Tahoma, sans-serif;
}

h3 {
font-weight: bolder;
font-size: 1.5em;
margin-bottom: 5px;
text-transform: capitalize;
font-family:  Verdana, Geneva, Tahoma, sans-serif;
}

h4 {
font-size: 1.1em;
color: rgb(172, 219, 204);
font-weight: bolder;
margin-bottom: 15px;
text-transform: capitalize;
font-family:  Verdana, Geneva, Tahoma, sans-serif;
}
h5 {

font-weight: bolder;
margin-bottom: 25px;
text-transform: capitalize;
font-family:  Verdana, Geneva, Tahoma, sans-serif;
}

ul {

padding-left: 10%;

color: #ebe4d6; 

font-family:  Verdana, Geneva, Tahoma, sans-serif;
}

p {

color: #f3ead9; 

font-family:  Verdana, Geneva, Tahoma, sans-serif;
}

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