#header {
  position: absolute;
  width: 100%;
  height: 12.5%;

  opacity: 60%;

  background-color: white;

  display: flex;
}

#header-icon {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}

#header-icon-img {
  height: 80%;
}

.header-button, #for-students-button {
  flex: 1;
  background: none;
  border: none;

  color: #00638d;
  font-size: 42px;
  font-family: "Jersey 10";
  cursor: pointer;

  transition: background-color 0.25s;
}

.header-button:hover, #for-students-button:hover {
  background-color: rgba(0, 0, 0, 0.125)
}