@charset "UTF-8";

/* Subnav button */
.subnavbtn {
  border: none;
  outline: none;
  color:#00008b;
  padding: 0.5rem;
  background-color: rgb(214, 214, 180);
  margin: 0;
  border-style: solid;
  border-color: #6666FF;
  border-width: 0.0625rem 0.0625rem 0 0.0625rem;
  text-align: center;
}

/* Add a red background color to navigation links on hover */
.subnavbtn:hover {
  background-color: rgb(234, 250, 7);
  text-align: center;
  align-content: center;
}

.subnavbtn:active {
  background-color: #f58851;
    color: #000000;
    box-shadow: none;
    font-size: 1.25rem;
    font-weight: 700;
}

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 40rem) {
  .subnavbtn {
    height: auto;
    position: relative;
    background-color: #B5B5B5;
    padding: 0.2rem 0.75rem;
    color: #00008b;
    align-items: center;
    font-size: 1.2rem;
    font-stretch: extra-expanded; 
    font-weight: 700;
  }
}