html, body {
  width: 100%;
  height: 100%;
  padding: 0%;
  margin: 0%;
  overflow: hidden;
  font-family: 'Roboto', sans-serif;
}

h1{
  color: blue;
}

header {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 0%;
  margin-bottom: 0%;
  height: 25%;
  padding: 0.5%;
  background-color: lightblue;
}

body {
  background-color: gainsboro;
  display: flex;
  flex-direction: column;
}

main {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 0%;
  margin-bottom: 0%;
  height:100%;
  padding: 0.5%;
  background-color: white;
}

footer {
  margin-top:0%;
  margin-left:10%;
  margin-right:10%;
  margin-bottom:0%;
  height:25%;
  padding: 0.5%;
  display:flex;
  justify-content: center;
  flex-direction: column;
  background-color: lightblue;
  font-weight: bolder;
}