body{
    background-image: url('background.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
  }

  h1{
      font-size:5vw;
      color:white;
      text-align:center;
      font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  }
 
  #mainbody{
      display:grid;
      grid-template-columns:50% 50%;
      grid-template-rows:40vw 40vw 1vw;
      margin:3vw;
  }

  #mainbodySlide2{
    display:grid;
    grid-template-columns:100% 100%;
    grid-template-rows:60vw 60vw;
    margin:3vw;
}

  .text{
    padding:2vw;
    background-color:rgb(255, 255, 255);
    font-size:2.6vw;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: rgb(0, 0, 0)
  }

  #slidescontrol{
      display:flex;
      justify-content:center;
      align-items:center;
  }

  button{
      margin:5vw;
      width:15vw;
      height:6vw;
      border-radius:20px;
      font-size:2vw;
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      border:none;
      text-align:center;
      color: rgb(0, 0, 0);
      background-color:rgb(255, 255, 255);
  }

  button:hover{
      background-color:rgb(177, 134, 255);
  }