@charset "UTF-8";
/* define variables at top of code */
/* use variables throughout code */
p {
  color: red; }

body {
  font-family: Helvetica, sans-serif;
  color: red;
  font-size: 18px; }

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333; }
nav li {
  float: left; }
  nav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-family: Arial; }
nav li a:hover {
  background-color: green; }
nav .active {
  background-color: green;
  font-weight: bold; }
nav li.right {
  float: right; }
nav li {
  border-right: 1px solid white; }
nav li:last-child {
  border-right: none; }

.highlight {
  color: black;
    font-weight: bold;
  border: 1px solid blue;
  background-color: yellow; }

.primaryNote {
  border: 1px solid blue; }

.secondaryNote {
  border: 2px solid red; }

.regularNote {
  border: 3px solid black; }

.button_basic, .button_moreInfo, .button_Login {
  border-radius: 16px;
  padding: 5px;
  background-color: red;
  color: white;
  font-weight: bold;
  -webkit-box-shadow: 5px 5px 5px black;
  box-shadow: 5px 5px 5px white;
  cursor: pointer; }

.button_moreInfo {
  background-color: green; }

.button_Login {
  background-color: lightgray;
  color: black; }