.header-text{
    display: flex;
    align-items: center;
    justify-content: center;
   color: rgb(187, 113, 125);
   margin-top: 5%;
}
#logo{
    color: #fd7c2a;}

#Navar {
    color: orange;
}
#logo:hover{
    color: rgb(187, 113, 125);
    text-decoration: none;
}
.navbar-brand{
    float: right;
}
.bg{
    display: flex;
    background-image: url('12.jpeg');
    height: 600px;
    background-repeat: no-repeat;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    }

.bg h1{
    color: rgb(255, 255, 255);
    font-size: 50px;
   text-shadow: saddlebrown;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-shadow: -5px -5px 0 #000, 5px -5px 0 #000, -5px 5px 0 #000, 5px 5px 0 #000;

}

.bg h1:hover{
    color: #fd7c2a;
    font-size: 60px;
    text-decoration: none;
    /* For Safari 3.0+ */
    -webkit-transition-property: background;
    -webkit-transition-duration: 2s;
    /* Standard syntax */
    transition-property: background;
    transition-duration: 2s;
}

.container22{
    display: flex;
 justify-content:center;
  background-color: black;
  align-items: center;
}
.col-md-3  {
    text-align: center;
    background-color: black;
    color: white;
    
}


a{
    text-decoration: none;
    color: rgb(187, 113, 125);;
}
a h1{
    text-decoration: none;
  
}
.col-md-3:hover {

    background-color: white;
    color: black;
}
a:hover{
    color: black;
    background-color: white;
}

.getcode{
background-color: blue !important;
}

.margins-header{
    margin-top: 3%;
    margin-bottom: 3%;

}
.sendCodes{
    color: white !important;
}
.form-control input{

    background-color: blue !important;
}
#txtassignlocks:hover{

    color: white;
    background-color: blue !important;
}