App.css

.text{
  text-align: center;
  color: beige;
  font-size: 8vw;
padding-top: 20px  ;

}

.navbar{
  width:100%;
  margin:0;
  background-color:black;
  box-shadow: -2px -2px 5px;
  
  padding: 0;
}
.navbar a {
  color: white;
  font-size: 20px;
  margin: 0 10px;
  flex-basis: 30px;
 
}
.navbar-nav a:hover{
   
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
  box-shadow: 10px 10px 5px #888888;

}

.navbar-brand{
  font-size:0px;
  padding: 0 50px;
  color: white;
  width:40%;
  letter-spacing:2px;
}
.title {
  width: 100%;
  height: 100%;
  background-color: #000;
  font-size: 100px;
  color: #fff;
  mix-blend-mode: multiply;
}
.hr-color{
    height: 30px; 
    border-style: solid; 
    border-color: #8c8b8b; 
    border-width: 1px 0 0 0; 
    border-radius: 20px; 
    margin-left: 70px;
    margin-right: 70px;
  }