* {
    -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

body {
    background: url('./images/loginpage.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'roboto';
}


@font-face {
    font-family: "opp";
    src: url("./old-printing-press/Old\ printing\ press_FREE-version.ttf");
}



#logo1 {
    color: rgb(81, 53, 26);
    font-family: 'Roboto';
}


#logo2 {
    color: rgb(196, 86, 39);
    font-family: 'Roboto';
}


.navbar {
}

#alert {
    color:  rgb(81, 53, 26);
    background-color: rgb(196, 86, 39, .4);
    border: none;
}

#codeButton {
    background-color: rgb(196, 86, 39);
    color: white;
}
.wrapper {
    width: 100%;
    margin-top: 10px;
}


h1 {
    text-align: center;
    margin-top: 50px;
    font-family: 'opp';
    color: rgb(196, 86, 39);
}

.form {
    text-align: center;
    margin-top: 50px;
}

.wrapper {
    width: 100%;
}

.form-group {
    margin-top: 50px;
}

input[type=text], select {
    width: 50%;
    padding: 12px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }

  input[type=password], select {
    width: 50%;
    padding: 12px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }
  
  input[type=submit] {
    width: 25%;
    border-style: solid;
    border-color: rgb(81, 53, 26);
    color:  rgb(81, 53, 26);
    background-color: transparent;
    padding: 14px 20px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 25px;
  }
  
  input[type=submit]:hover {
    background-color:rgba(81, 53, 26);
    border-color: rgba(81, 53, 26, .8);
    color: white;
  }