html, body{
  box-sizing:border-box;
  margin:0;
  padding:0;
  font-family:arial, sans-serif;
  height: 100%;
  color:white;
  background-color: rgb(64, 65, 121); 
  font-family:Inconsolata;
  text-align: center;
}

.sidebar{
  background-color:#4188d8;
  width:120px;
  height:100vh;
  position:fixed;
  top:0;
  left:0;
  padding: 20px 0;
  border-radius: 20px;
  border-style:double;
  transition-duration: 0.7s;
  z-index:1;

}
  
  .sidebar a{
    text-decoration:none;
    color:white;
    display:block;
    padding: 15px 20px;
    
  }

  .sidebar:hover{
  width:250px;
  transition-duration: 0.7s;
  }

.sidebar a:hover{
   background-color:blue;
    text-decoration: underline;
    font-size:20px;
  }

a > img{
  max-width:50%;
  display:block;
  margin:0 auto;
}

h1, h2, h3, p{
  display:flex;
  justify-content: center;
}

h1{
  text-shadow: 10px 10px 40px #caacac;
  text-transform: uppercase;
  font-size:4rem;
  
}

footer{
  display:flex;
  justify-content:space-evenly;
  padding:20px;
  font-size:1.25rem;
}

img{
  max-width: 20%;
  margin:auto;
  display:block;
  border-radius: 20px;
}

h4{
  padding-right:300px;
  padding-left:300px;
}