@import url('https://fonts.googleapis.com/css?family=Comfortaa:700&display=swap');

html, body { 

  box-sizing: border-box;
  background-color: none;
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  font-family: 'Comfortaa', cursive;

}

.container > div {

  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  color: aliceblue;

}

.container {

  height: 100%;
  width: 100%;
  display: grid;
  grid-template-rows: 10% auto 10%;
  grid-template-columns: 1fr;
  /*background-color: rgb(112, 230, 218);*/
  background: rgb(112,230,218);
  background: -moz-radial-gradient(circle, rgba(112,230,218,1) 66%, rgba(240,248,255,1) 100%);
  background: -webkit-radial-gradient(circle, rgba(112,230,218,1) 66%, rgba(240,248,255,1) 100%);
  background: radial-gradient(circle, rgba(112,230,218,1) 66%, rgba(240,248,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#70e6da",endColorstr="#f0f8ff",GradientType=1);

}


a {

  text-decoration: none;
  color: aliceblue;
}

a:hover {

  padding-bottom: 5px;
  border-bottom: 5px solid aliceblue;

}