@charset "UTF-8";

/* General Notes: */

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

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

.navbar span {
  display: block;
  text-align: center;
  color: blue;
  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; 
}

body { font-family: Inconsolata;
  font-size: 45%;
  }

h1 {font-family: Inconsolata;
  font-size: 150%;
  }

@media screen and (min-width: 414px) {
body { font-family: Inconsolata;
  font-size: 58%;
  }

h1 {font-family: Inconsolata;
  font-size: 150%;
  }
}

@media screen and (min-width: 530px) {
body { font-family: Inconsolata;
  font-size: 75%;
  }

h1 {font-family: Inconsolata;
  font-size: 150%;
  }
}

@media screen and (min-width: 690px) {
body { font-family: Inconsolata;
  font-size: 100%;
  }

h1 {font-family: Inconsolata;
  font-size: 150%;
  }
}

@media screen and (min-width: 840px) {
body { font-family: Inconsolata;
  font-size: 125%;
  }

h1 {font-family: Inconsolata;
  font-size: 150%;
  }
}

@media screen and (min-width: 1030px) {
body { font-family: Inconsolata;
  font-size: 150%;
  }

h1 {font-family: Inconsolata;
  font-size: 150%;
  }
}

@media screen and (min-width: 1330px) {
body { font-family: Inconsolata;
  font-size: 200%;
  }

h1 {font-family: Inconsolata;
  font-size: 150%;
  }
}

/* animation */

@supports (animation-delay: 4s) {
    #slideset {height: 10em; position: relative}
    #slideset > * {visibility: hidden; animation: 36s autoplay1 infinite;
      position: absolute; top: 0; left: 10em}
    #slideset > *:nth-child(1) {animation-delay: 0s}
    #slideset > *:nth-child(2) {animation-delay: 4s}
    #slideset > *:nth-child(3) {animation-delay: 8s}
    #slideset > *:nth-child(4) {animation-delay: 12s}
    #slideset > *:nth-child(5) {animation-delay: 16s}
    #slideset > *:nth-child(6) {animation-delay: 20s}
    #slideset > *:nth-child(7) {animation-delay: 24s}
    #slideset > *:nth-child(8) {animation-delay: 28s}
    #slideset > *:nth-child(9) {animation-delay: 32s}
    @keyframes autoplay1 {
      0% {visibility: visible}
      11.1111% {visibility: hidden}
         }
    }