*{
  padding: 0;
  margin: 0;
}

body{
  background-color: rgb(37, 37, 37);
}

.LightMode{
  background-color: rgb(255, 255, 255);

}

.ButtonDayNight{
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 100px;
}



@media only screen and ( orientation: portrait ) {

  .container{
    display: grid;
      position: relative;
  }

  img { 
      padding: 8%;
      width: 65%;
      display: block;
      margin-left: auto;
      margin-right: auto
    }

  .menu {
      width: 80%;
      margin:auto;
    }


  .menu a, .menu p {
      display: block;
      padding: 7%;
      text-decoration: none;
    }

    .ButtonDayNight{
      position: absolute;
      left: 10px;
      top: 10px;
      width: 15%;
  }
}

@media only screen and ( orientation: landscape) {
  
  .container{
    position: relative;
    float: left;
    display: flex;
    align-items: center;
  }

  img { 
    position: relative;
    padding-top: 6%;
    display: block;
    width: 35%;
    float: left;    
    margin-left: 5%;
  }


  .menu {
    margin-top: 1%;
    width: 38%;
    float: right;
    margin-right: 6%;
  }
  
  
  .menu a, .menu p {
    display: block;
    padding: 7%;
    text-decoration: none;
  }
}