/* IzaacWeb V4 extra */

html {background: linear-gradient(90deg, #030012 0%, #001c03 50%, #030012 100%);
      background-size: 200% 200%;
      background-color: #001403;
      animation: gradientBG 20s ease infinite;
      cursor: default; 
      color: #e7e7e7e7; 
      font-family:'Poppins', sans-serif;
      transition: filter 1s ease;
      font-size: 13px;}

h1 {color: lime; font-style: italic; padding-top: 50px; text-shadow: 0 0 5px lime; transition: text-shadow 0.3s ease;}
h2 {color: lime; font-style: italic; text-shadow: 0 0 5px lime; transition: text-shadow 0.3s ease;}

h1:hover, h2:hover {text-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green;}

hr {box-shadow: 0px 0px 5px cyan; background: linear-gradient(to right, transparent, cyan, transparent); border: none; height: 1px; animation: pulse 2s infinite;}

a {color: blue; 
   text-decoration: none; 
   transition: color 0.3s;}

a:hover {color: lime; transition: color 0.3s;}
a:active {color: green;}

@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes pulse {
    0%, 100% { box-shadow: 0 0 5px cyan; }
    50% { box-shadow: 0 0 15px cyan; }
}

.dropbtn {background-color: black;
          color: white;
          padding: 5px;
          position: relative;
          font-size: 13px;
          font-weight: bold;
          box-shadow: 0px 2px 5px lime, -2px 0px 5px yellow;
          transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
          border: outset 2px yellowgreen;}
   
.dropdown {position: relative;
           display: inline-block;
           cursor: default;}

.dropdown-content {display: none;
                   position: absolute;
                   background-color: black;
                   min-width: 100px;
                   box-shadow: 0px 2px 5px lime, -2px 0px 5px yellow;
                   z-index: 1;}

.dropdown-content a {color: white;
                     padding: 1px 1px;
                     font-size: 13px;
                     font-weight: bold;
                     text-decoration: none;
                     border: solid 1px yellowgreen;
                     display: block;
                     transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;}

.dropdown-content a:hover {background-color: yellowgreen; box-shadow: 0px 0px 10px yellowgreen; color: black; transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;}

.dropdown:hover .dropdown-content {display: block;}
  
.dropdown:hover .dropbtn {background-color: yellowgreen; box-shadow: 0px 0px 10px yellowgreen; color: black; transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;}

@media screen and (min-width: 600px){
    html {font-size: 15px;}
}