@import url(https://fonts.googleapis.com/css2?family=Jacquard+12&display=swap);

body  {
  font-family: "Jacquard 12", system-ui;
  font-weight: 400;
  font-style: normal;

  background-color: rgb(0, 0, 0);
  
   cursor: url("https://opaquelabyrinth.neocities.org/swocursor.png"), default

}
  

h1{
    position: relative;
    margin: 0 0 40px;
    padding: 0 0 20px;

    color:rgb(57, 216, 17)
}

h1{
   border-bottom-style: solid; 
   border-bottom-width: 4px;
}

h1 {font-size: 600%;}


/* Style the tab */
.tab {
  overflow: hidden;
  border: o.5px solid rgb(57, 216, 17);
  background-color: #000000;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float:none;
  border: none;
  outline: none;
  cursor: none;
  padding: 14px 170px;
  transition: 0.3s;
  font-size: 400%
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #000000;
}

/* Create an active/current tablink class */
.active {
  background-color: #000000;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 4px outset rgb(57, 216, 17);
  
  font-size: 300%;
}


.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.tab button {
  font-family: "Jacquard 12", system-ui;
  font-weight: 400;
  font-style: normal;
  
}