#mhead{
color:#99AAFF;
border: 1px solid #000;
background-color:rgba(0, 0, 0, 1.0);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
text-align: center; 
font-family: 'Catamaran' , Serif;
font-size: 20px;
}

 /* unvisited link */
a:link {
    color: #000;
}

/* visited link */
a:visited {
    color: #000;
}

/* mouse over link */
a:hover {
    color: #FF3388;
}

a.two:hover {
    color: #FF3388;
	background:rgba(0, 0, 0, 0.6);
	padding: 0px;
}

/* selected link */
a:active {
    color: #000;
} 

td:hover
{
   background-color:rgba(0, 0, 0, 0.2);
}

#container{
width: 400px;
height: 400px;}


ul{
 list-style:none; 
 margin:0; 
 padding:0;
 }

li{
 float:left;
 padding:5px;
 border:solid #666 0;
 cursor: pointer;
 }
 
 
#menu{ cursor:pointer;
position:absolute; 

z-index: 10;
}

#thumb{ 
margin: 0px 0px 0px 100px;
width:285px; 
height:300px; 
color:#000; 
box-shadow:0 0 10px #000;
 z-index:9999;
 border:solid #000 1px;
 overflow:hidden;
 position:absolute; 
 
 display:none;
 }


#bgimage{
position:fixed; 
top:0; left:0;
 width:100%; 
 height:100%; 
 z-index:-1;
 }

#bg{background-image:url(images/e3.jpg);background-size:100% auto;}


body {
display: grid;
place-items: left;
height: 100vh;
}

h1, h1 a {
  min-height: 80px;
  width: 100%;
  max-width: 600px;
  font-size: 30px;
  margin: 0 auto;
  text-decoration: none;
  color: #000;
  padding-top: 10px;
} 

#main-title {
  text-align: center;
 }
		
p {
   margin: 15px 20px 10px 5px; 
   font-size: 20px;
}
 /* top,right,bottom,left */

p.new_font {
  margin: 15px 15px 10px 20px; 
  font-size: 20px;
}
 /* top,right,bottom,left */
 
     .text {
        background-image: linear-gradient(60deg, #8500ff, #ff8100);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-weight: 300;
        float: center;
        -webkit-box-decoration-break: clone;
        overflow: visible;
    }
    p.text {
        font-size: 1.08rem !important;
        line-height: 1.25rem;
        margin-top: 0;
    }
    h2.text {
        font-weight: 600 !important;
    }
    h2.text a {
        border-bottom: none !important;
    }
    p.text.orange {
        background-image: linear-gradient(60deg, #fffb00, #ff6124) !important;
        float: left;
    }
    p.text.blue {
        background-image: linear-gradient(225deg, #28d8ff, #032eff) !important;
        filter: drop-shadow(0 20px 30px #28d8ff33);
    }

    p.text.green {
        background-image: linear-gradient(225deg, #7cff28, #007eff) !important;
        filter: drop-shadow(0 20px 30px #7cff283d);
    }
    p.text.red {
        background-image: linear-gradient(225deg, #ff2828, #032eff) !important;
        filter: drop-shadow(0 20px 30px #284eff2e);
    }


#content{
color:#000;
border: 1px solid #000;
background-color:rgba(0, 0, 0, 0);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
text-align: left;
padding: 20px; 
font-family: 'Catamaran' , Serif;
font-size: 18px;
}

#mainMenu {
	margin:10px;
	width:1200px;
	font-family: sans-serif;
    text-align:center;
}
#mainMenu li {
	display:block;
	width:220px;
	margin-left:2px;
	border:2px solid #000;
}

#mainMenu a {
	display:block;
	padding:3px;
	text-decoration:none;
	background-color:#000;
	color:#fff;
}

#mainMenu a:hover {
	background-color:#0077DD;
	color:#fff;
}

#demobox {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px ;
  border: 1px solid black ;
} 

table.darkTable {
  font-family: 'Catamaran' , Serif;
  width: 1220px;
  height: 400px;
  text-align: center;
  border-collapse: collapse;
}
table.darkTable td, table.darkTable th {
  padding: 0px 0px;
}
table.darkTable tbody td {
  font-size: 20px;
  color: #FFFFFF;
}
table.darkTable tr:nth-child(even) {
  background: #000000;
}
table.darkTable tfoot td {
  font-size: 20px;
}
/*----------------------------
    Table 2
-----------------------------*/
table.darkTable2 {
  font-family: 'Catamaran' , Serif;
  width: 100%;
  height: 200px;
  text-align: left;
  border-collapse: collapse;
}
table.darkTable2 td, table.darkTable th {
  padding: 0px 3px;
}
table.darkTable2 tbody td {
  font-size: 20px;
  color: #000;
}
table.darkTable2 tr:nth-child(even) {
  background: #000000;
}
table.darkTable2 thead {
  background: #000000;
}
table.darkTable2 thead th {
  font-size: 22px;
  font-weight: bold;
  color: #CCFF99;
  text-align: center;
}
table.darkTable2 tfoot td {
  font-size: 12px;
}

table.darkTable3 {
  font-family: 'Catamaran' , Serif;
  width: 100%;
  height: 100px;
  text-align: left;
  border-collapse: collapse;
}
table.darkTable3 td, table.darkTable th {
  padding: 0px 10px;
}
table.darkTable3 tbody td {
  font-size: 20px;
  color: #000;
}
table.darkTable3 tr:nth-child(even) {
  background: #000000;
}
table.darkTable3 tfoot td {
  font-size: 20px;
}
/*----------------------------
    Comments Table
-----------------------------*/
table.Comments {
  font-family: 'Catamaran' , Serif;
  color: #222;
  table-layout: fixed;
  width: 100%;
  height: 300px;
  text-align: center;
  vertical-align: top;
  border-collapse: separate;
  padding: 8px 3px;
}
table.Comments td, table.Comments th {
  padding: 8px 3px;
  font-family: 'Catamaran' , Serif;
}
table.Comments tbody td {
  font-size: 16px;
  color: #222;
  background: #99DDDD;
  padding: 8px;
}
table.Comments tr:nth-child(even) {
  background: #99DDDD;
}
table.Comments thead {
  background: #9977EE;
}
table.Comments thead th {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  text-align: center;
  height: 30px;
  padding: 10px;
}
table.Comments tfoot td {
  font-size: 12px;
}

/*----------------------------
    Scroll
-----------------------------*/
#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#0066FF;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#FF1199;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

/*----------------------------
    The Footer
-----------------------------*/

.footer-distributed {
  background-color: rgba(0, 0, 0, 1.0);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  font: normal 16px Lucida Sans Unicode, Lucida Grande, sans-serif;
  padding: 20px 50px;
}

.footer-distributed .footer-left p {
  color: #000;
  font-size: 14px;
  margin: 0;
}
/* Footer links */

.footer-distributed p.footer-links {
  font-size: 20px;
  font-weight: bold;
  color: #99AAFF;
  margin: 0 0 10px;
  padding: 0;
  transition: ease .25s;
}

.footer-distributed p.footer-links a {
  display: inline-block;
  line-height: 1.8;
  text-decoration: none;
  color: inherit;
  transition: ease .25s;
}

.footer-distributed .footer-links a:before {
  content: " ";
  font-size: 20px;
  left: 0;
  color: #99AAFF; 
  display: inline-block;
  padding-right: 5px;
}

.footer-distributed .footer-links .link-1:before {
  content: none;
}

.footer-distributed .footer-right {
  float: right;
  margin-top: 6px;
  max-width: 800px;
}

.footer-distributed .footer-right a {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-color: transparent;
  border-radius: 2px;
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  text-align: center;
  line-height: 35px;
  margin-left: 3px;
  transition:all .25s;
}

.footer-distributed .footer-right a:hover{transform:scale(1.1); -webkit-transform:scale(1.1);}

.footer-distributed p.footer-links a:hover{text-decoration:underline;}

/* Media Queries */

@media (max-width: 600px) {
  .footer-distributed .footer-left, .footer-distributed .footer-right {
    text-align: center;
  }
  .footer-distributed .footer-right {
    float: none;
    margin: 0 auto 20px;
  }
  .footer-distributed .footer-left p.footer-links {
    line-height: 1.8;
  }
}

/*----------------------------
    Wrapper
-----------------------------*/
.svg-wrapper {
  height: 40px;
    margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 300px;
}

.shape {
  fill: transparent;
  stroke-dasharray: 140 540;
  stroke-dashoffset: -410;
  stroke-width: 8px;
  stroke: #19f6e8;
}

.text {
  color: #99AAFF;
  font-family: 'Catamaran' , Serif';
  font-size: 24px;
  letter-spacing: 2px;
  line-height: 20px;
  position: relative;
  top: -48px;
}

@keyframes draw {
  0% {
    stroke-dasharray: 140 540;
    stroke-dashoffset: -474;
    stroke-width: 8px;
  }
  100% {
    stroke-dasharray: 760;
    stroke-dashoffset: 0;
    stroke-width: 2px;
  }
}

.svg-wrapper:hover .shape {
  -webkit-animation: 0.5s draw linear forwards;
  animation: 0.5s draw linear forwards;
}
/*----------------------------
    Neon
-----------------------------*/
:root {
  font-size: calc(1vw + 1vh + 1.5vmin);
}

body {
  background-color: #010a00;
  background-image: url("https://twilight.blue/talk/images/3px-tile.png");
  font-size: 1rem;
}

h1 {
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.neon {
  color: #fff;
  text-shadow:
    0 0 5px #fff,
    0 0 10px #fff,
    0 0 20px #fff,
    0 0 40px #0ff,
    0 0 80px #0ff,
    0 0 90px #0ff,
    0 0 100px #0ff,
    0 0 150px #0ff;
}