* {
  box-sizing:border-box;
}

h1,h2 {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    margin-top:1%;
    margin-bottom:1%;
    text-shadow: 2px 2px grey;
    text-align:center;
    }
  h4,h5
  {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    margin-bottom: 1%;
    text-align:center;
  }

  .navbar {
     color:white;
   }
  .nav-link{
    color:white;
  }
  
  .nav-item>a:hover{
   color:black;
   text-shadow:2px 2px white;
  }
  
  li{
    list-style-type:none;
   }

  li>a{
    color:black;
  }
  
  .list-unstyled 
{
 display:grid;
 width:100%;
 padding:20px;
 margin:5%;
}
  .row-content {
    padding:50px 0;
    border-bottom:1px ridge;
    min-height: 200px;
}

  blockquote{
    border:1 px solid #b3b3b3;
    font-size:18px;
    margin:10px;
    padding:10px 20px;
    background:#fafafa;

}

  blockquote p{
    margin-bottom: 5px;
    line-height:30px;
}

.blockquote-footer{
  font-size:10px;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  margin-top:10px;
}

.jumbotron{
  margin:0;
  color:black;
  text-align: center;
}

.para {
  width:200%;
  border-color: black;
  border-radius: 10px;
  border-style: dashed;
  font-size: x-large;
  font-style: oblique;
  word-spacing: 20px;
  padding:5%;
  }

.site-footer{
  background:lightgrey;
  margin-left:0;
}

.btn-link{
  color:black;
}
marquee{
  color:black;
  font-size: larger;
}

.vertical-nav{
  min-width:17rem;
  width:7rem;
  height:100vh;
  position:fixed;
  top:0;
  left:0;
  box-shadow:3px 3px 10px rgba(0,0,0,0.1);
  transition:all 0.4s;
  font-size: larger;
  text-decoration: center;
}

.form-border{
  border: radius 1;
}

.overlay{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  background-color:white;
  overflow:hidden;
  transform: scale(0);
  transition:.3s ease;
  }
  
  .text{
    color:black;
    font-size:20px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
  }

  .container{
    position:relative;
    display: flex;
    }
  .container:hover .overlay{
    transform: scale(1);
  }

  .form-border{
    border-radius: 1px;
  }

  .btn {
    justify-content: center;
    align-items: center;
  }
  
  @media screen and (max-width: 800px) {
    .para {
      width:100%;
           }
  }