p {
  }
  
   /* unvisited link */
   a:link {
    color: #f24500;
  }
  
  /* visited link, defaults to purple if not specified */
  a:visited {
    color: #f24500;
  }
  
  /* mouse over link */
  a:hover, a:active, a:focus {
    color: rgb(240, 199, 86);
  }

  a.proceed {
    color: black;
  }
  
  ul {
    color:white;
    text-align: left;
  }
  
  body {
    background-color: black;
    color: #aab2af;
    font-family: Verdana;
  }
  
  /* --- INTERACTIVE ELEMENTS ---*/
  
    .rot{transition: transform; transition-duration: 1.4s;}
    .rot:hover{-webkit-transform: rotate(3deg) scale(1.17); transition-duration: 0.09s;}
  
  /* --- INTRO CODE ---*/
  
  .intro-container {
    text-align: center;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
  }
  
  .intro-container img {
    width: 45%;
    height:auto;
  }
  
  .intro-container h1 {
    background-color: #f28500;
    border: solid 0px;
    border-radius: 0.5em;
    
    width: 50vw;
    white-space: wrap;
    padding: 0.5%;
    margin: 1%;
    
    color:black;
    text-align: center;
    font-size: 1.25rem;
  }

  /* Media Queries */
  @media (max-width: 50rem) {
    .intro-container h1 {
          width: 80vw;
    }
    .intro-container img {
      width: 80%;
      height:auto;
    }
  }

  #proceed {
    color:#000000;
    
    background-color: #f28500;
    border: solid 0px;
    border-radius: 0.5em;

    padding: 1.25%;
    margin: auto;
    margin-bottom: 2rem;

    text-decoration: none;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    -webkit-transition : -webkit-filter 200ms linear;
  }

  #proceed:hover, #proceed:focus,  #proceed:active {
    filter: invert(100%);
  }

   /* --- NAVIGATION GALLERY CODE ---*/

   .nav-container {
    background-color: #000000;
    text-align: center;
    height: 50em;
  }
  
  .nav-container h1 {
    color: #f28500;
    font-family: Verdana;
  }
  
  .nav-container p {
    color: #0c865a;
    font-family: Verdana;
  }
  
  .nav-gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    
    margin: 0 auto;
    position: relative;
  
    height: auto;
    max-width: 80%;
    background-color: #8D0909;

    border: solid 0px;
    border-radius: 1em;
  }
  
  .nav-gallery img {
    width: auto;
    height: 7em;
    padding-bottom:2em;
  }

  .nav-gallery a {
    text-decoration: none;
  }

  .selector {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 5em;

    transition: transform; transition-duration: 1.4s;
    font-weight: bold;
    color: #f28500;
    font-family: Arial, Helvetica, sans-serif;
  }

  .selector:hover {
    filter: invert(100%);
    -webkit-transform: rotate(3deg) scale(1.17); transition-duration: 0.09s;
  }

  /* --- ABOUT PAGE --- */

  .content-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    
    margin: 0 auto;
    position: relative;
  
    height: auto;
    max-width: 80%;
    background-color: #8D0909;

    border: solid 0px;
    border-radius: 1em;
  }
  
  figure {
    padding: 4px;
    margin: 5px;
    width: 15vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  figcaption {
    font-family: Arial, Helvetica, sans-serif;
    background-color: black;
    color: white;
    
    font-weight: bold;

    margin-top:5px;
    padding: 2px;
    font-size: min(3vw, 15px);
    text-align: center;
  }

  .content-container img {
    align-self: center;
    max-width:100%;
    width: auto;
    height: auto;
  }

  p.about {
    text-align:left; 
    font-size: min(3vw, 15px);
    color: #ffffff;
  }

  .about-text {
    max-width: 40%;
    margin:2% 10% 2% 10%;
  }

  .about-text li {
    color: #f28500;
    padding: 10px;
    margin-bottom: 1%;
  }

  #circle {
    max-width: 90%;
    max-height:auto;
    padding-top: 1%;
    
  }