body{
    background-color: #172241;
    font-family: Arial,sans-serif;
}

.mimir_img{
    width: 300px;
    height: 300px;
}

.title_page{
    margin: auto;
/*    width: 50%;*/
/*    height: 10%;*/
    text-align: center;
    padding-top: 10vh;
    padding-bottom: 10vh;
}

.zoom_container{
    width: 49vw;
    height: 300px;
    float:left;
}

.coice_container{
  position: relative;
  bottom: 10%;
  margin-left: 5vw;
  margin-right: 5vw;
  /*padding-left: 30%;
  padding-right: 30%;*/
/*  width: 900px;*/
/*  left: 50%;*/
/*  margin: 100px 0 0 100px;*/
/*  width: 800px;*/
/*  height: 500px;*/
/*  transform: translate(0, 50%);*/
}

.zoom {
  margin: 300px;
  background-color: green;
  transition: transform .3s; /* Animation */
  width: 300px;
  height: 300px;
  margin: 0 auto;
  float: left;
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  cursor: pointer;
}

.empty{
  width: 400px;
  float: left;
}

#left{
  float: right;
  margin-right: 100px;
}

#right{
  float: left;
  margin-left: 100px;
}

.mimir_text{
  position: absolute;
  padding: 10px;
  margin-top: 230px;
  text-align: center;
  width: 200px;
  margin-left: 40px;
  margin-right: 40px;
  background-color: white;
  font-weight: bold;
  font-size: 20px;
}