body {
  background: #ffffff;
  background-image: url(MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw--._V1_.jpg);
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
p {
  color: rgb(255, 254, 254);
}
h1 {
  font-weight: bold;
  color: #ffffff;
}

.headContent {
  grid-area: head;
}

.menuContent {
  grid-area: menu;
  text-align: center;
  color: #ffffff;
  border: 2px solid #ffffff;
}

a {
  color: #ffffff;
  margin: 40px
}


.mainContent {
  grid-area: main;
}


.footerContent {
  grid-area: footer;
  text-align: center;
}


.mainContainer {
  display: grid;
  grid-template-areas:
    'head head head'
    'menu menu menu'
    'main main main'
    'footer footer footer';
  grid-gap: 5px;
  padding: 0px; 
  color: #ffffff;
  text-align: left;
  font-size: 15px;  
  text-shadow: white 0px 0px 10px;
  color: #ffffff;
  font-size: 15px;
  text-shadow:
    0.07em 0 black,
    0 0.07em black,
    -0.07em 0 black,
    0 -0.07em black;
}

.headContent {align-content: center;
  text-align: center;
}


.menuContent {
  font-size: 20px;
}


.mainContent {
  display: grid;
  border: 2px solid #ffffff;
  text-align: left;
  padding-left: 25px; 
  padding-right: 15px;
}


.footerContent {
  font-size: 10px;
  border: 2px solid #ffffff;
  color: #ffffff;
}