body{
  margin:  0px;
  padding: 0px;
  background-color: #155b44;
  overflow-x: hidden;
  overflow-y:hidden;
}
a{
  color: #cee8e7;
  
}
a:hover{
  color:#FBBE0C;
}
#container {
  text-align: center;
}

#text {
  display: inline-block;
  vertical-align: middle;
  color: #cee8e7;
  letter-spacing: 3px;
}

#cursor {
  display: inline-block;
  vertical-align: middle;
  width: 3px;
  height: 30px;
  background-color: #cee8e7;
  animation: blink .75s step-end infinite;
}

@keyframes blink{
  from, to { 
    background-color: transparent ;
  }
  50% { 
    background-color: #cee8e7; 
  }
}

.btn-social-icon,.fa-envelope{
  color: #cee8e7;
}
.navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
h1{
  font-family: 'Open Sans', sans-serif;
  color: #cee8e7;

}
h5{
  font-weight: 330;
  color:#cee8e7;
}
.social{
    transition-timing-function:ease;
    transition-property:all;
    transition-duration: 0.7s;
   
}
.social:hover{
    transform: scale(1.2);
    
}
.fa-chevron-down{
    transition-timing-function:ease;
    transition-property:all;
    transition-duration: 0.5s;
   
}
.fa-chevron-down:hover{
    transform: scale(1.2);    
}
@media only screen and (max-width: 886px) and (min-width: 300px){
  h1 {
    font-size: 30;
    margin:0 15px 0 50px;
  }
  h5 {
    font-size: 18;
  }
}