.moveLeft {
    padding-top:2px;
    float: left;
  }

    .link, .explanation {display:inline}
    .link {float: right}
    .link {float: right}
    .explanation {float: right}
   body {background-color:blue;}
  

.centered {
    display: table-cell;
      height: 400px;
      width: 800px;
      background-color: blue;
    text-align: center;
    vertical-align: top;
    }
    .container {
      display: grid;
      grid-template-columns: 1fr;
      display: flex;
    }
/* Master styles */

body {

    margin: 0px;

}


.container {

    display: grid;

    grid-template-columns: 1fr;

}

/* Nav styles*/

.nav {

    display: flex;

    justify-content: space-between;

    padding: 38px;

}

.left-side {

    display: flex;

}


.nav > .left-side > div {

    margin-right: 20px;

    font-size: 0.9em;

    text-transform: uppercase;

}

.nav-link {

    height: 22px;

    border-bottom: 1px solid transparent;

    transition: border-bottom 0.5s;

}


.nav-link a {

    color: whitesmoke;

    text-decoration: none;

    transition: color 0.5s;

}


.nav-link:hover {

    border-bottom: 1px solid whitesmoke;

}


.nav-link a:hover {

    color: yellow orange;

}
  
  
  h1{color:whitesmoke
  }

  h4{
color: whitesmoke

  }
  h1 {
    font-family:Courier New;
  }
.idk:hover{
transition: 3s;

}
  
body { 
  opacity: 0;
  transition: opacity 3s;
}