/* General Styles */

#hero-middle {
  height: 1080px;
}

#about-me {
  margin: auto;
}

#message {
  font-size: 0.8rem;
}

#container-information {
  border: double;
  border-radius: 18px;
}

/* Sizing */

.px-12 {
  font-size: 12.8px;
}

/* Larger screens (Tablet and Desktop) */

@media (min-width: 768px) {
  #body, #navbar-header {
    width: min(42rem);
    margin: auto;
  }
}

/* Smaller screens (Mobile) */

@media (max-width: 768px) {
  #body {
    margin: 0px 1.5rem;
  }
}