body {
    background: #f5f6fa;
font-family: 'Oswald', sans-serif;
    src: url(Oswald-Regular.ttf);
    overflow: hidden;
}

.index {
    width: 100vw;
    height: 100vh;
}

.navbar {
    background: #FA8072 !important;
}

.nav-link {
    color: #000000 !important;
}

.masthead {
    color: rgb(0, 26, 255);
    min-height: 30rem;
    width: 100%;
    height: 100%;
    padding-top: 8rem;
    padding-bottom: 8rem;
    background: url('/img/background.jpeg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.masthead h1 {
    font-size: 4rem;
    margin: 0;
    padding: 0;
  }
  
  @media (min-width: 992px) {
    .masthead {
      height: 100vh;
    }
    .masthead h1 {
      font-size: 5.5rem;
    }
  }

  .dropdown-backdrop {
    position: static;
  }

div.container {
  width: 80%;
}

#preview {
  border:1px solid #ddd;
  padding:5px;
  border-radius:2px;
  background:#fff;
  max-width:200px;
}

#preview img {width:100%;display:block;}

table.dataTable thead {background-color:#3FBFBF }

table thead {background-color:#3FBFBF }