header{
    padding: 65px 0px 0px 0px;
}

@font-face{
    font-family: lobster;
    src: url(../ttf/Lobster-Regular.ttf) format("truetype");
  }

  @font-face{
    font-family: sinracha;
    src: url(../ttf/Sriracha-Regular.ttf) format("truetype");
  }

.contact-header{
    background:linear-gradient(rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.5)),  url('../img/contact.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.display-3{
    font-family: lobster;
    color: white;
}

.row-content{
    padding-top:10px ;
    padding-bottom: 10px;
}
.contact{
    background-color: rgb(160, 119, 44);;
}

.card-contact{
    padding: 5px;
    width: 85%;
    background-color:#192b3a;
    transform: translateY(-50%);
}

.card-contact i{
    color: rgb(241, 185, 81);
}

.card-contact h4{
    font-family: cursive;
    color: rgb(241, 185, 81);
}

.card-contact h5{
    font-family: sinracha;
    color: whitesmoke;
}

.h1{
    color:white;
    font-family: sinracha;
}

.h3{
    color:#192b3a;
    font-family: sinracha;
}

p{
    font-family: cursive;
    color: white;
}

.form label{
    font-family: sinracha;
    color:#192b3a;
    font-size: 18px;

}

.textbox{
    width:90%;
    overflow: hidden;
    padding: 3px;
    border-bottom: 1.5px solid white;
}

.textbox input,select{
    border: none;
    outline: none;
    background: none;
    color: white;
    text-align: center;
    font-family: cursive;
    font-size: 18px;
    margin-bottom: 8px;
}

select option{
    background-color: #192b3a;
}

.contact .btn{
    background-color: #192b3a;
    color: white;
    border: none;
    transition: ease-in-out 0.1s;
}

.contact .btn:hover{
    background-color: #192b3a;
    color: white;
    transform: scale(1.1);
}


::-webkit-input-placeholder{
    color:white;
    font-family: cursive;
}



hr{
    border: 1px solid #ff0;
}