@import url('https://fonts.googleapis.com/css?family=Nosifer&display=swap');


  a:link { color: #3548fd; }
  /* visited link */
  a:visited { color: #cd950c; }
  /* mouse over link */
  a:hover { color: #ff0000; }

 /* START OF MENU */

  .mobile-container { max-width: 135px; margin: auto; height: 425px; }
  .mobile-container2 { max-width: 135px; margin-right: 30px; margin-left: 125px; height: 425px; border-radius: 30px; }
 
  .topnav { overflow: hidden; position: relative; }
  .topnav #club-links { display: none; }
  .topnav a { color: #000000; padding: 1px 10px; text-decoration: none; font-size: 15px; display: block; }
  .topnav a.icon { background: #63b8ff; display: block; position: absolute; right: 0; top: -2; }
  .topnav a:hover { background-color: #0000ff; color: #fffafa; }

  .active { background-color: #54ff9f; }

 /* END OF MENU */
 
 /* Text Alignment */

  div.c {
  text-align: center; }
  div.l { text-align: left; }
  div.r { text-align: right; }
  div.j { text-align: justify; }

  div.ts0 { font-size: 15px; }
  div.ts1 { font-size: 20px; }
  div.ts2 { font-size: 25px; }
  div.ts2a { font-size: 30px; }
  div.ts3 { font-size: 35px; }
  div.ts4 { font-size: 45px; }
  div.ts4a { font-size: 50px; }
  div.ts5 { font-size: 55px; }
  div.ts6 { font-size: 150%; }
  div.ts7 { font-size: 65px; }

  a.tc1 { color: red; }
  a.tc2 { color: black; font-size: 37px; }
  a.tc3 { color: green; }
  a.tc4 { color: black; font-size: 17px; }
  a.tc5 { color: blue; }
  a.tc6 { color: white; }
  a.tc7 { color: blue; font-size: 37px; }
  a.tc8 { color: black; }

  a.tsh1 { text-shadow: 2px 2px 15px blue; }
  a.tsh11 { color: white; text-shadow: 2px 12px 4px #000ff0; }
  a.tsh2 { text-shadow: 2px 2px 15px red; }
  a.tsh22 { color: red; text-shadow: 1px 1px 2px white, 25px red, 10px darkred; }
  a.tsh23 { color:white; text-shadow:  1px 1px 2px black, 3px 10px white; }
  a.tsh24 { color:blue; text-shadow: 3px 10px blue; }
  a.tsh25 { color:green; text-shadow: 1px 1px 2px darkred, 3px 30px red; }

  a.tsh3 { color:green; text-shadow: 2px 2px 15px green; }
  a.tsh33 { color:green; text-shadow: 1px 1px 2px white, 25px green, 10px darkgreen; }
  a.tsh4 { color: white; text-shadow: 1px 1px 2px black, 25px blue, 5px darkblue; }
  a.tsh5 { text-shadow: 2px 2px 15px darkorange; }
  a.tsh6 { color: violet; text-shadow: 1px 1px 2px black, 2px 2px 15px darkviolet; }
  a.tsh7 { color: blue; text-shadow: 2px 2px 15px blue; }
  a.tsh8 { color: white; text-shadow: 1px 1px 2px black, 0 0 25px violet, 0 0 15px darkviolet; }

  div.nos{ font-family: "Nosifer", cursive; color: red; font-size: 40px; }
  div.nab{ font-family: "Nosifer", cursive; font-size: 40px; }
  div.han{ font-family: "Nosifer", cursive; font-size: 40px; }
  div.ewe{ font-family: "Nosifer", cursive; font-size: 40px; }
  div.p1 { width: 250px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px  20px 0 rgba(0, 0, 0, 0.19); }
  #cb1div { color: blue; border: 1px solid currentcolor; }
 
  p { text-indent: 50px; }
  div.m1 { margin: 50px 60px; }
  div.m2 { margin: 10px 30px; }
  div.m3 { margin: 10px 50px; }

  div.resize1 { background-color:#ffe7ba; border: 1px solid; padding: 20px; width: 520px; height: 400px; resize: both; overflow: auto; }
  div.resize2 { background-color:#ffefdb; border: solid; padding: 20px; width: 520px; height: 400px; resize: both; overflow: auto; }
  div.resize3 { background-color:#ffefdb; border: solid; padding: 0; width: 480px; height: 400px; resize: both; overflow: auto; }
  div.resize4 { background-color:#ffefdb; border: 1px solid; padding: 2px; width: 600px; height: 600px; resize: both; overflow: auto; }
  div.resize5 { background-color:#e0eee0; border: 1px solid; padding: 20px; width: 500px; height: 395px; resize: both; overflow: auto; }

  .center_div { border: solid; width: 480px; height: 50px; background-color: #ffefdb; text-align: center; }

  /* Text Alignment */

  #results th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #4CAF50; }

  table { border-collapse: collapse; width: 100%; }
  th, td { border-bottom: 1px solid #ddd; }
  table { empty-cells: hide; }
  div.table1 { background-color:#333; border: solid; padding:; width: 135px; height: 425px; overflow: auto; }
 
  ul { list-style-type: none; margin: padding: overflow: hidden: position: fixed: top width: 23%; }

  li { float: left; }

  .left { position: absolute; left: 3px; top: 3px; }

  div.center0 { margin: auto; width: 700px; }
  div.center1 { margin: auto; width: 616px; }
  div.center2 { margin: auto; width: 500px; }
  div.center3 { margin: auto; width: 600px; }
  div.center4 { margin: auto; width: 400px; }
  div.center4a { margin: auto; width: 450px; }
  div.center5 { margin: auto; width: 38px; height: 14px; }
  div.center6 { margin: auto; width: 540px; padding-left: 6%; }
  div.center7 { margin: auto; width: 764px; padding-left: 6%; }
  div.center8 { margin: auto; width: 60% }
  div.center9 { margin: auto; width: 129px; height: 70px; }
  div.center10 { margin: auto; width: 750px; }
  div.center11 { margin: auto; width: 650px; }
  div.center12 { margin: auto; width: 776px; }
  div.center13 { margin: auto; width: 250px; }
  div.center13a { margin: auto; width: 350px; }
  div.center14 { margin-left: 145px; width: 450px; }
  div.center15 { margin-right: 1px; width: 450px; }

  div.img1 { max-width: 38%; max-height: 14%; margin-left: auto; margin-right: auto; }
  img { display: block; margin-left: auto; margin-right: auto; }

/* Scroll Bar */

  ::-webkit-scrollbar { width: 20px; }
  ::-webkit-scrollbar-track { box-shadow: inset 0 0 13px #1e90ff; border-radius: 10px; }
  ::-webkit-scrollbar-thumb { box-shadow: inset 0 0 13px #8b3626; border-radius: 10px; }
  ::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 13px #00cd66; }

/* End of Scroll Bar */

/* Start Of Slide Show */

  img { display: block; border-radius: 33px; margin-left: auto; margin-right: auto; }
  .responsive { border-radius: 33px; width: 90%; height: auto; }
  * {box-sizing: border-box;}
  .mySlides {display: none;}
  img {vertical-align: middle;}

/* Slideshow container */

  .slideshow-container { max-width: 600px; position: relative; margin: auto; }

/* The dots/bullets/indicators */

  .dot { height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }
  .active { background-color: #717171; }

/* Fading animation */

  .fade { -webkit-animation-name: fade; -webkit-animation-duration: 5.5s; animation-name: fade; animation-duration: 5.5s; }
  @-webkit-keyframes fade { from {opacity: .1} to {opacity: 1} }
  @keyframes fade { from {opacity: .1} to {opacity: 1} }

/* On smaller screens, decrease text size */

  @media only screen and (max-width: 300px) { .text {font-size: 11px} }

  /* End Of Slide Show */