.body{
  text-align:center;
}

header{
  margin: 0 auto;
  width: 88%;
 
  }
  
  nav ul{
    list-style: none;
    padding: 0;
    display: flex;
  }
  
  nav ul li{
    margin-right: 0.5em;
  }
  
  nav ul li a{
    background-color: rgb(214, 184, 242);
    padding: 0.5em 1em;
    border-radius: 15px;
    text-decoration: none;
    }
     
  .image-size{
    width: 250px;
    height: 370px;
    }
    
    .column {
  float: left;
  width: 32%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.textbox {
  font-size: 25px;
  
}

.h1 {
  text-align: center;
  font-size: 30px
}

.infobox {
     background-color: rgb(214, 184, 242);
    padding: 0.5em 1em;
    border-radius: 5px;
    
    text-decoration: none;
}

.bg {
     background-color: rgb(0,0,0);
    padding: 4em 2em;
    border-radius: 15px;
    
    text-decoration: none;
}

.text {
  text-align:center;
}
.scale{
  transition: 1s;
}

.scale:hover{
  transform: scale(1.2);
}

    .column2 {
  float: left;
  width: 50%;
  padding: 5px;
}

/* Clear floats after image containers */
.row2::after {
  content: "";
  clear: both;
  display: table;
}