html,body{
    background: black;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: -6px;
    width:100%;
    height: calc(100% + 6px);
    padding: 0 0;
    margin: auto;
}
a{
    text-decoration: none;
    cursor:pointer;
    text-align: center;
    color: darkgray;
}
.DFD{
    visibility: hidden;
    cursor: pointer;
    z-index: 2;
    position: absolute;
    left: 25%;
    width: 50%;
    top: 79%;
    height: 10%;
    font-size: 5vh;
    color: gold;
    background: rgba(0,0,0,0.8);
    text-align: center;
    border-style: inset inset outset outset;
    border-color:transparent crimson transparent crimson;
    border-width:1%;
}
.DFD:hover{
    color:lime;
/*    background: rgba(15,0,0,0.8);
    border-style: solid inset solid outset;
    border-color: black crimson black crimson;
    text-decoration: underline;*/
    border-radius: 15%;
}
.DTD{
    visibility: hidden;
    cursor: pointer;
    z-index: 2;
    position: absolute;
    left: 25%;
    width: 50%;
    top: 79%;
    height: 10%;
    font-size: 5vh;
    color: gold;
    background: rgba(0,0,0,0.8);
    text-align: center;
    border-style:inset;
    border-color:transparent crimson transparent crimson;
    border-width:1%;
}
.DTD:hover{
    color:lime;
    border-radius:15%;
}
.top{
    position: absolute;
    top: 0;
    height: 11%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 7.5vh;
    background: black;
    color: gold;
    border-width: 1.5vh;
    border-style: none none solid none;
    border-color: gold;
    border-image-source: linear-gradient(to right, rgba(255,255,0,1) 0%, rgba(255,255,0,1) 0.5%, crimson 0.501%, crimson 9.847%, white 9.849%, white 9.999%, crimson 10%, crimson 19.847%, gold 19.849%, gold 19.999%, crimson 20%, crimson 29.847%, white 29.849%, white 29.999%, crimson 30%, crimson 39.849%, rgba(255,255,0,1) 39.85%, rgba(255,255,0,1) 40%, rgba(0,255,0,1) 40.01%, rgba(0,255,0,1) 59.99%, rgba(255,255,0,1) 60%, rgba(255,255,0,1) 60.15%, crimson 60.151%, crimson 70%, white 70.01%, white 70.16%, crimson 70.161%, crimson 80%, gold 80.01%, gold 80.16%, crimson 80.161%, crimson 90%, white 90.01%, white 90.16%, crimson 90.161%, crimson 99.499%, rgba(255,255,0,1) 99.5%, rgba(255,255,0,1) 100%);
    border-image-slice: 3;
}
::placeholder{
    color: gold;
}
.sB:hover{
	animation: bgDrop 0.2s normal forwards ease-in-out;
}
 @keyframes bgDrop {
	 0% {
		 background: linear-gradient(to bottom, rgba(0,0,0) 0%, rgba(0,0,0) 100%);
	}
	50% {
	    background: linear-gradient(to bottom, rgba(10,100,10,0) 0%, rgba(5,50,5,1) 50%, rgba(10,100,10,0) 100%);
	}
	 100% {
		 background: linear-gradient(to bottom, rgba(10,100,10,0) 0%, rgba(10,100,10,1) 50%, rgba(10,100,10,0) 100%);
	}
}
.lightrope {
	 text-align: center;
	 white-space: nowrap;
	 overflow: hidden;
	 position: absolute;
	 z-index: 1;
	 margin: -14px 0 0 0;
	 padding: 0;
	 pointer-events: none;
	 width: 100%;
}
 .lightrope li {
	 position: relative;
	 animation-fill-mode: both;
	 animation-iteration-count: infinite;
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 display: block;
	 width: 12px;
	 height: 28px;
	 border-radius: 50%;
	 margin: 20px;
	 display: inline-block;
	 background: rgba(0, 247, 165, 1);
	 box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 1);
	 animation-name: flash-1;
	 animation-duration: 2s;
}
 .lightrope li:nth-child(2n+1) {
	 background: rgba(0, 255, 255, 1);
	 box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.5);
	 animation-name: flash-2;
	 animation-duration: 0.4s;
}
 .lightrope li:nth-child(4n+2) {
	 background: rgba(247, 0, 148, 1);
	 box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 1);
	 animation-name: flash-3;
	 animation-duration: 1.1s;
}
 .lightrope li:nth-child(odd) {
	 animation-duration: 1.8s;
}
 .lightrope li:nth-child(3n+1) {
	 animation-duration: 1.4s;
}
 .lightrope li:before {
	 content: "";
	 position: absolute;
	 background: #222;
	 width: 10px;
	 height: 9.3333333333px;
	 border-radius: 3px;
	 top: -4.6666666667px;
	 left: 1px;
}
 .lightrope li:after {
	 content: "";
	 top: -14px;
	 left: 9px;
	 position: absolute;
	 width: 52px;
	 height: 18.6666666667px;
	 border-bottom: solid #222 2px;
	 border-radius: 50%;
}
 .lightrope li:last-child:after {
	 content: none;
}
 .lightrope li:first-child {
	 margin-left: -40px;
}
.lightrope2 {
	 text-align: center;
	 white-space: nowrap;
	 overflow: hidden;
	 position: absolute;
	 z-index: 1;
	 margin: -14px 0 0 0;
	 padding: 0;
	 pointer-events: none;
	 width: 100%;
}
 .lightrope2 li {
	 position: relative;
	 animation-fill-mode: both;
	 animation-iteration-count: infinite;
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 display: block;
	 width: 12px;
	 height: 28px;
	 border-radius: 50%;
	 margin: 20px;
	 display: inline-block;
	 background: rgba(0, 247, 165, 1);
	 box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 1);
	 animation-name: flash-3;
	 animation-duration: 1.2s;
}
 .lightrope2 li:nth-child(2n+1) {
	 background: rgba(0, 255, 255, 1);
	 box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.5);
	 animation-name: flash-1;
	 animation-duration: 1.6s;
}
 .lightrope2 li:nth-child(4n+2) {
	 background: rgba(247, 0, 148, 1);
	 box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 1);
	 animation-name: flash-2;
	 animation-duration: 1.83s;
}
 .lightrope2 li:nth-child(odd) {
	 animation-duration: 1.8s;
}
 .lightrope2 li:nth-child(3n+1) {
	 animation-duration: 1.4s;
}
 .lightrope2 li:before {
	 content: "";
	 position: absolute;
	 background: #222;
	 width: 10px;
	 height: 9.3333333333px;
	 border-radius: 3px;
	 top: -4.6666666667px;
	 left: 1px;
}
 .lightrope2 li:after {
	 content: "";
	 top: -14px;
	 left: 9px;
	 position: absolute;
	 width: 52px;
	 height: 18.6666666667px;
	 border-bottom: solid #222 2px;
	 border-radius: 50%;
}
 .lightrope2 li:last-child:after {
	 content: none;
}
 .lightrope2 li:first-child {
	 margin-left: -40px;
}
.lR2{
    position: absolute;
    top: calc(65% - 1px);
    left: 0;
    width: 100%;
    height: 17.5%;
}
 @keyframes flash-1 {
	 0%, 100% {
		 background: rgba(255, 55, 55, 1);
		 box-shadow: 0px 4.6666666667px 24px 3px rgba(255, 55, 55, 1);
	}
	 50% {
		 background: rgba(255, 0, 0, 0.4);
		 box-shadow: 0px 4.6666666667px 24px 3px rgba(255, 0, 0, 0.2);
	}
}
 @keyframes flash-2 {
	 0%, 100% {
		 background: rgba(0, 255, 55, 1);
		 box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 55, 1);
	}
	 50% {
		 background: rgba(0, 255, 255, 0.4);
		 box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.2);
	}
}
 @keyframes flash-3 {
	 0%, 100% {
		 background: rgba(247, 0, 48, 1);
		 box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 48, 1);
	}
	 50% {
		 background: rgba(247, 0, 148, 0.4);
		 box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 0.2);
	}
}