@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/Montserrat-Regular.ttf"); }
body, html {
  height: 100%; }

body {
  font-family: Montserrat;
  background-color: #212121;
  padding: 0;
  margin: 0; }

nav {
  z-index: 999; }

main {
  background-image: url("../../assets/media/img/background.jpg");
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover; }

h1 {
  color: #e1c04f;
  font-size: 2rem;
  font-weight: bold; }

.form-wrapper {
  padding: 0 15px; }

.form-signin {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 440px; }

@media (max-width: 420px) {
  .form-signin {
    min-width: 375px; } }
@media (max-width: 375px) {
  .form-signin {
    min-width: 300px; } }
.form-control {
  background: #212121;
  color: #9E9E9E;
  font-size: 18px;
  padding: 12px 12px;
  font-weight: bold;
  font-style: italic;
  border: none;
  border-radius: 0; }
  .form-control::placeholder {
    color: #9E9E9E; }
  .form-control:focus {
    color: #9E9E9E;
    background: #212121; }
    .form-control:focus:focus::placeholder {
      color: #9E9E9E; }

.btn {
  background-color: #E1C04F;
  color: #212121;
  border-radius: 0;
  border: none;
  font-size: 22px;
  font-weight: bold; }
  .btn:hover {
    background-color: #E1C04F;
    color: #212121; }

/*# sourceMappingURL=signin.css.map */