@font-face {
    font-family: "Exo 2";
    src: url(Exo2-VariableFont_wght.ttf, Exo2-Italic-VariableFont_wght.ttf);    
}

* {background-color: rgb(00, 25, 00);
    color: floralwhite;
    font-family: "Exo 2", sans-serif;
    text-align: center;}
h1, h2, h3 {font-family: "Exo 2", monospace;}
table, th, td, thead {
    margin-left:auto;
    margin-right: auto;
    padding: 5px;
    border: 3px solid rgb(00, 25, 00);
    border-collapse: collapse;
    width: 1200px;
    height: auto;}
div {
    margin: auto;
    height: inherit;
    width: 600px;}
ul {
    margin:auto;
    height: inherit;
    width: 800px;
    list-style: none;}
input {
    border: 3px solid floralwhite;
    background-color: floralwhite;
    color:black;}
button {
    background-color: floralwhite;
    color: black;
    border-radius: 12px;}
textarea {
    background-color: floralwhite;
    color: black;}
img {
    margin-left: auto;
    margin-right:auto;
    width: 600px;}
.maps {
    margin-left:auto;
    margin-right: auto;
    width: 1200px;
}
.article {
    width: 900px;
}
.warning {
    margin: auto;
    padding: 8px;
    height: 70px;
    width: 600px;
    align-content: center;
    border: 3px solid floralwhite;
    background-image: linear-gradient(to left, rgb(61, 0, 102),rgb(32, 30, 233));
}
ul.navbar {
    list-style-type: none;
    margin: none;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: floralwhite;
background: linear-gradient(rgba(255, 250, 240, 1) 0%, rgba(255, 250, 240, 1) 50%, rgba(130, 130, 130, 1) 100%);
   z-index: 90;
    }
li.navbar{
    background-color: floralwhite;
    display: block;
    color: black;
    display: inline;
    float: left;
    align-content: center;
    text-align: center;
    font-size: 20px;
    min-width: 120px;
background: linear-gradient(rgba(255, 250, 240, 1) 0%, rgba(255, 250, 240, 1) 50%, rgba(130, 130, 130, 1) 100%);

}
a.navbar {
    display: block;
    padding: 8px;
    background-color: floralwhite;
    color: black;
    min-width: 120px;
background: linear-gradient(rgba(255, 250, 240, 1) 0%, rgba(255, 250, 240, 1) 50%, rgba(130, 130, 130, 1) 100%);

}
li a, .dropbtn {
  display: inline-block;
  color: black;
    background-color: floralwhite;
  text-align: left;
  padding: 8px;
  text-decoration: none;
    position: relative;
        min-width: 120px;
    background: linear-gradient(rgba(255, 250, 240, 1) 0%, rgba(255, 250, 240, 1) 50%, rgba(130, 130, 130, 1) 100%);

    
}

li a:hover, .dropdown:hover .dropbtn {
  background: #201EE9;
background: linear-gradient(rgba(32, 30, 233, 1) 0%, rgba(32, 30, 233, 1) 50%, rgba(152, 150, 255, 1) 100%);
    color: floralwhite;
}

li.dropdown {
    float: left;
    background-color: floralwhite;
    color: black;
    font-size: 20px;
    min-width: 120px;


}

.dropdown-content {
  display: none;
  background-color: #f9f9f9;
  box-shadow: 8px rgba(0,0,0,0.2);
  z-index: 19;
    max-width: 120px;
    position: fixed;

}

.dropdown-content a {
  color: black;
  padding: 8px;
  display: block;
  text-align: left;
    float: inherit;
        min-width: 120px;

}

.dropdown-content a:hover {background-color: rgb(32, 30, 233);}

.dropdown:hover .dropdown-content {
    display: block;
    padding: none;

}
img.icon {
    width: 40px;
}
img.char {
    width:200px;
}
div.navbar {
    width: 100%;
}
::-webkit-scrollbar {
  width: 20px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(153, 214, 255); 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgb(32, 30, 233); 
    background: radial-gradient(circle,rgba(32, 30, 233, 1) 0%, rgba(32, 30, 233, 1) 50%, rgba(152, 150, 255, 1) 100%);

  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgb(61, 0, 102); 
 background: radial-gradient(circle,rgba(152, 150, 255, 1) 0%, rgba(61, 0, 102, 1) 50%, rgba(61, 0, 102, 1) 100%);

}
ol {
    list-style: square;
    text-align: left;
}
a.button {
    display: inline-block;
  color: black;
    background-color: floralwhite;
  text-align: left;
  padding: 8px;
  text-decoration: none;
    position: relative;
        min-width: 120px;
    background: linear-gradient(rgba(255, 250, 240, 1) 0%, rgba(255, 250, 240, 1) 50%, rgba(130, 130, 130, 1) 100%);
    z-index: 1;
}
a.button:hover {
      background: #201EE9;
background: linear-gradient(rgba(32, 30, 233, 1) 0%, rgba(32, 30, 233, 1) 50%, rgba(152, 150, 255, 1) 100%);
    color: floralwhite;
}
.frutiger {
    background-color: floralwhite;
    background: linear-gradient(rgba(255, 250, 240, 1) 0%, rgba(255, 250, 240, 1) 50%, rgba(130, 130, 130, 1) 100%);
    color: rgb(00,25,00);
}
.purps {
    background: linear-gradient(rgba(32, 30, 233, 1) 0%, rgba(32, 30, 233, 1) 50%, rgba(152, 150, 255, 1) 100%);
}
.overflow {
    background-color: transparent;
}
h1.overflow2, h2.overflow2, h3.overflow2 {
    color: rgb(00,25,00);
    background-color: transparent;
    }