/* styling base.html */

/* Navigation bar */
.nav {
  background-color: #000028;
}

.nav-logo {
  height: 150px;
  width: 150px;
  filter: invert(100)
}

.cbe-data {
  padding: 5px;
}

.nbb-data {
  padding: 5px !important;
}

.cbe-container {
  display: flex;
  justify-content: space-between;
}

.cy-class {
  margin-right: 20 px;
  min-height: 300px;
  min-width: 600px;
  border: 1px solid #d4d3d3;
  border-radius: 4 px;
}

.form *{
  margin: 10px 5px;
}

.form {
  display: grid;
  margin: auto 30%;
  border: 1px solid;
}

@media (max-width: 600px) {
  .cbe-container {
    flex-direction: column;
  }
  .cbe-container > * {
    width: 100%;
  }
  .cy-class {
    width: 100%;
  }
}