body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ebebeb;
  }

  .rawFiles{
    text-align:right; 
    margin:0;
    padding:0;
    font-size:15px !important;
    color:red;
  }

  
  /* IMAGES BELOW */
  img{
    display:block;
    margin-left: auto;
    margin-right: auto;
    border:none;
    max-width: 64vw;
  }

  iframe{
    display:block;
    margin-left: auto;
    margin-right: auto;
    border:none;
    width: 100%;
    height:580px;
  }

  .grid-Container{
  display: grid;
  align-content: center;
  grid-template-columns: auto auto auto;
  max-width: 65vw;
  }
  
  .grid-Container img{
    max-width: 20vw;
    padding: 5px;
  }

  .projectBody{
    background-color: white;
    color:black;
    margin-left:15vw;
    margin-right:15vw;
    margin-bottom: 0px;
    padding-left:3%;
    padding-right:3%;
    padding-bottom:10px;
    min-height: 100vh;
  }
  
  .dark-mode .projectBody{
    background-color: #222222;
    color:#ebebeb;
  }

    /* Screen size dependent */
@media screen and (max-width: 680px) {
  
  .projectBody{
    margin-left: 1%;
    margin-right:1%;
    padding-left:6%;
    padding-right:6%;
  }
  .grid-Container img{
    max-width: 100%;
  }

  .grid-Container{
    max-width: 85vh;
    }


}