/* Convert OSU's STRATOSPHERE blue color from RGB to HSL
RGB: 0-106-142
HLS:
*/

/* Define a variable for that color with the opacity at 100%.*/
:root {
  --stratosphere: hsla(195, 100%, 28%, 1); 

  /* Same color but with 80% opacity  */;
  --stratosphere: hsla(195, 100%, 28%, .8); 
}

/* Use that color variable for the background, 
  add a 2px white border with 5px border radius,
  white text,
  and 3% padding inside the button.
*/
button {
 background-color:var(--stratosphere);
 border:2px solid white;
 border-radius:5px;
 color:white;
 padding:2.5%;
}

/* Switch the colors when hovering. */
button:hover {
  background-color:white;
  border:2px solid var(--stratosphere);
  color:var(--stratosphere);
}