@charset "UTF-8";

/* General Notes: */

@font-face {
  font-family: 'Inconsolata';
  src: url('Inconsolata.otf');
  }

a {
  text-decoration: none;
}

.navbar {
   position: fixed;
   bottom: 1%;
   width: 100%;
}

.navbar span {
  display: block;
  text-align: center;
   font-size: 0.75em;
  color: black;
  text-decoration: none;
}

.navbar a, a:hover, a:focus, a:active {
  text-decoration: none;
  color: inherit;
}

.navbar a {
  text-decoration: none;
}

.navbar a:hover {
  text-decoration: underline; 
  color: black;
}

.navbar a.active {
  color: red;
   text-decoration: none; 
}

.darkred {
  color: rgb(192, 0, 0);
}

.red {
  color: rgb(255, 0, 0);
}

.orange {
  color: rgb(255, 192, 0);
}

.lightgreen {
  color: rgb(146, 208, 80);
}

.lightblue {
  color: rgb(0, 176, 240);
}

.green {
   color: rgb(0, 176, 80);
}

.white {
    color: rgb(255, 255, 255);
}

a:hover {
  text-decoration: underline; 
  color: black;
}

a.active {
  color: red;
  text-decoration: none; 
}


h1 {font-family: Inconsolata;
   margin: 0;
     font-size: 1em;
   text-indent: 25%;
   }

h2 {font-family: Inconsolata;
   font-size: 1em;
   }

body { font-family: Inconsolata;
  font-size: 80%;
   background-color: rgb(255, 255, 255);
  justify-content: center;
  }

.sourcetitle {
   margin-left: 25%;
   margin-bottom: 1em;
   }

.sourcebody {
   margin-left: 25%;
}

@media screen and (min-width: 700px) {


h2 {font-family: Inconsolata;
   font-size: 1em;
   }

body { font-family: Inconsolata;
  font-size: 110%;
   justify-content: center;
  }
}

@media screen and (min-width: 900px) {


h2 {font-family: Inconsolata;
   font-size: 1em;
   }

body { font-family: Inconsolata;
  font-size: 140%;
   justify-content: center;
  }
}

@media screen and (min-width: 1100px) {


h2 {font-family: Inconsolata;
   font-size: 1em;
   }

body { font-family: Inconsolata;
  font-size: 180%;
   justify-content: center;
  }
}

@media screen and (min-width: 1300px) {


h2 {font-family: Inconsolata;
   font-size: 1em;
   }

body { font-family: Inconsolata;
  font-size: 200%;
   justify-content: center;
  }
}

@media screen and (min-width: 1500px) {

body { font-family: Inconsolata;
  font-size: 225%;
  justify-content: center;
  }

h2 {font-family: Inconsolata;
   font-size: 1em;
   }
}