body{
  background-image: url("images/background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

ul{
  list-style:inside;
  margin: auto;
  max-width: 300px;
}

.grid-container {
    min-height: calc(100vh - 157.5px);
    width: 100vw;
    display: grid;
}

  .grid-text{
    text-align: center;
    padding: 50px;
    justify-self: center;
    margin-top: auto;
    margin-bottom: auto; 
}

.grid-container h1{
  font-size: 35px;
}

.grid-container p{
  font-size: 24px;
}

.cell{
    padding: 5px 30px;
    border-radius: 50px;
    background: #ebeaea;
    box-shadow: 10px 10px 60px #bebebe,-10px -10px 60px #ffffff;
    max-width: 700px;
    margin: 105px auto 15px auto;
}


@media (max-width: 700px){
  .cell{
    margin: 120px 20px 20px 20px;
  }

  .grid-container p{
    font-size: 20px;
  }
}