:root{
    background-color: #000000;
    color: #F7F7F2;    
}
.accent{
    color: #D7DE26;
}

section{
    background-color: #000000;
    color: #F7F7F2;   
}

h1,h2,h3,h4,h5,h6{
font-family: "Bebas Neue", sans-serif;

}
#main-footer { 
border-top:grey 1px solid;
  background-color: #000000;
  z-index: 0;
  position: relative;
  bottom: 0;
  width:100%;
  padding: 15px 0;
}

.button-img{
    max-width:300px;
    height:auto;
}

#quick-links img:hover{
    border:#D7DE26 2px solid;
    border-radius:40px;
    
}

.social-icon:hover{
    color: #D7DE26;
    border-color: #D7DE26;
   
}
.social-link:hover{
    background-color: rgba(73, 73, 73, 0.164);
}
.social-link{
    width:80px;
}

.site-header.sticky-header {
    background-color: #313131cb;
    box-shadow: 6px 6px 60px 0px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
}
.sec-btn{
    color:black !important; 
}
.quick-links{
    font-size:12px;
}

p{
    font-size:17px;
    color:white !important;
}

#hp-form2{
    margin: auto;
    margin-bottom: 30px;
    max-width:500px;
    padding:25px;
    border-radius: 5px;
}

.modal-backdrop {
  z-index: -1;
}

#exampleModal{
    z-index:999;
}
.modal-content{
    z-index:10;
    background-color: rgba(255, 255, 255, 0.95)

}

.sec-btn{
    background-color:#D7DE26 !important;
    border:none;
}
.sec-btn:hover{
    color:white !important;
}
.form-box{
    border:1px solid #000000;
}

#circle2{
    transform: scale(0.8);
}
.modal-header{
    border:none;
}

#exampleModalLabel{
    font-size:24px;
}

#modalBtn{
    background-color:black;
    color:white;
}
@media screen and (max-width:575px){
.modal-open header{
    display:none;
}
}