body {
  background-color: rgb(231, 230, 230);
}

div#root {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* iframe itself */
div#root > iframe {
  display: block;
  width: 100%;
  height: calc(100% - 56px);
  border: none;
}

.nav-link,
.navbar-brand {
  cursor: pointer;
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1200px) {
  .main-container {
    padding-left: 10vw;
    padding-right: 10vw;
    background-color: #514f004a;
  }
}

.content {
  margin-top: 25px;
}

.bg-green {
  background-color: #028343 !important;
}

.color-pallet {
  /* Green */
  /* color: 028343 */
  /* Red */
  /* color: EC1923 */
  /* Yellow */
  /* color: F4F003 */
}

section:not(:last-child) {
  margin-bottom: 25px;
}