/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

.nomargin {
    margin: 0;
}

.quicksandfont {
  font-family: 'Quicksand', sans-serif;
}

h3 {
    font-family: 'Comfortaa', cursive;
}

.comminfont {
    font-family: 'Commissioner', sans-serif;
}

/* Header & Stuff */
 body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f8f8f881;

}

.header {
background-color: #f1f1f1;
background: linear-gradient(103deg, rgba(0,255,160,0.18953518907563027) 0%, rgba(68,252,217,0.20073967086834732) 21%, rgba(149,248,0,0.22034751400560226) 46%, rgba(222,66,243,0.029871323529411797) 76%, rgba(0,239,255,0.2931766456582633) 100%);
  padding: 20px;
  text-align: center;
}

/* Navbar */

.anavbar  {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 12px 14px;
  text-decoration: none;
  font-size: 17px;
  margin: 0;
}

.navbar a:hover .dropbtn {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 12px 14px;
  text-decoration: none;
  font-size: 17px;
  margin: 0;
}

#navbar {
  overflow: hidden;
  background-color: rgb(80, 80, 80);
}

#navbar a:hover {
  background-color: #ddd;
  color: black;
}

#navbar a.active {
  background-color: #2bc48c;
  color: white;
}

/* Sticky Navbar Settings */
.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}

/* Columns */

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 70%;
}

.column2 {
  float: right;
  width: 30%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Dropdown Menus */

.dropdown {
  float: left;
  overflow: hidden;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: rgb(223, 175, 175);
}

.dropdown-content {
  display: none;
  position: fixed;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropbtn {
  font-size: 14px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* .w3-hide {
      background-color: #f5f5f5;
} 8/

/* SEARCHBAR */

.searchbar {
    padding: 5px;
}

.searchcss [type=text] {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 10px;
  font-size: 16px;
  padding: 5px 20px 5px;
}


/* SEARCHBAR RESAULTS */
.searchresaults {

}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 80%;
  border: 1px solid #ddd;
}

th, td {
  text-align: left;
  padding: 10px;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}