@font-face {
    font-family: 'Andale Mono Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Andale Mono Regular'), url('fonts/ANDALEMO.woff') format('woff');
    }
       * {
  box-sizing: border-box;
}
body {
font-family:'Andale Mono Regular';
  margin:1%;
  background-color: #FFF;
}
.main {
   padding-left:30px;
   padding-right:30px;
}
    nav {
      font-family:'Andale Mono Regular';
      display: flex;
      align-items: center;
      padding: 10px;
    }

    nav a {
      color: black;
      text-decoration: none;
      padding: 10px 20px;
      font-size: 18px;
      transition: background 0.3s ease;
    }

    nav a:hover {

      border-radius: 5px;
    }

    .Icon {
      font-weight: normal;
      font-size: 24px;
      color: black;
      margin-right: auto;
    }

    @media (max-width: 800px) {
      nav {
        flex-direction: column;
        align-items: flex-start;
      }

      nav a {
        display: block;
        width: 100%;
      }
}
h1 {
  font-size:18px;
  line-height:2rem;
}

h2 {
  font-size:11px;
  }
  
h3 {
  font-size:15px;
h4 {
  font-size:12px;
}  

h5 {
  font-size:3rem;
  }
h6 {
  font-size:20px;
  }
  
p {
  font-size:12px;
}
p2 {
  font-size:10px;
}

p3 {
  font-size:8px;
  line-height:.8rem;
}

p4 {
  font-size:15px;
  line-height:20px;
  padding-right:20px;
}

p5 {
  font-size:10px;
}
p6 {
    font-size:16px;

}
a {
	-webkit-transition: .3s;
	transition: .3s;
  }
  
a:link {

  text-decoration: none;
  color: black;
  
  }
a:visited {
  text-decoration: none;
  color: black;
  }
a:hover {
  cursor:pointer;
   border-radius: 3px;
  text-shadow: 1px 1px 0 #FFAAD5;
}
a:active {
  text-decoration: none;
  color: #29D0FF
  }

 .tab { margin-left: 20px; }
}


.dropdown {
  position: relative;
}

.footer {
   position: absolute;
    padding-right:10px;
   bottom: 10px;
   width: 100%;
   color: white;
   text-align: right;
}