h1 {color: rgb(0, 0, 0); 
    font-family: Arial, Helvetica, sans-serif;}
h3 {color: rgb(0, 0, 0); 
    font-family: Arial, Helvetica, sans-serif;}
a {color: rgb(0, 0, 0); 
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.8;}
p {color: rgb(0, 0, 0); 
    font-family: Arial, Helvetica, sans-serif;}

a:link {color: rgb(18, 95, 140);}
a:visited {color: rgb(35, 167, 81);}
a:hover {color: rgb(101, 163, 199);
        border: 2px solid rgb(101, 163, 199)}
a:active {color: rgb(6, 5, 48);}

#center_text {
    text-align: center;}

#menubox {
  background-color: rgb(174, 184, 128);
  border: solid 2px black;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  width: 150px}


/*stuff that's for the wip home page is below*/

.grid-container {
  display: grid;
  grid-template-columns: 10% 37% 37% 10%;
  gap: 5px;
  background-color: black;
  padding: 5px;
}

.grid-container > div {
  background-color: rgb(200, 210, 156);
  text-align: center;
  padding: 5px;
}

.assignments {
writing-mode: vertical-lr;
transform: rotate(180deg);
  grid-area: 1 / 1 / span 4 / span 1;
  padding: 1px;
}

.assignments2 {
writing-mode: vertical-lr;
  grid-area: 2 / 4 / span 4 / span 1;
  padding: 1px;
}

#testmenubox {
  background-color: rgb(174, 184, 128);
  margin-left: 20%;
  margin-right: 20%;
  padding: 0px;
  background-color: black;
  min-width: 300px}