/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fonts.com
*/
@font-face{
	font-family: pixelar;
	src: url("fonts/4d8bd4f0-ce40-4f34-a0b8-49bc51024ea8.woff2") format("woff2"),url("fonts/9c200a14-d264-405c-86bf-d27b840e86be.woff") format("woff");
}

body {
	font-family: pixelar;
	font-size: 16px;
	color: black;
	background-image: url("sprite.gif");
	background-color: #000000;
	background-attachment: fixed;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}	

body::before {
	content: '';
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: repeating-linear-gradient(to bottom right,#000000,#000000);
	background-attachment: fixed;
	background-position: center center;
	background-size: contain;
	background-repeat: repeat;
        opacity: .6; 
}


html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
}

div {
    margin-left: 8px;
	margin-right: 0px;
    margin-top: 20px;
	position: relative;
	color: white;
	font-size: 60px;
	#font-weight: bold;
	vertical-align: middle;
}

div.dividerline{
	content: '------------------------------------------';
    margin-left: 8px;
	margin-right: 0px;
    margin-top: 5px;
	position: relative;
	color: white;
	font-size: 60px;
	#font-weight: bold;
	vertical-align: middle;
}

.blinking:after{
	margin-left: 0px;
	content: "\2588";
	display: inline-block;
    animation: blink 1s infinite;
	font-size: 40px;
	vertical-align: top;
	padding-top: 2px;

}
@keyframes blink{
    0%{     opacity: 0.0;    }
    100%{   opacity: 1.0;    }
}

#choice-select {
  cursor: pointer;
  position: relative;
  text-align: left;
  width: auto;
  color: white;
  #font-weight: bold;
  user-select: none;
  transition: 0.2s ease-in;
  vertical-align: bottom;
}

#choice-select:before {
  content: ">";
  text-align: left;
  position: absolute;
  color: white;
  left: 0px;
  opacity: 0;
  transition: 0.6s ease-in;
  vertical-align: bottom;

}

#choice-select:hover:before {
  opacity: 1;
}
#choice-select span {
  display: inline-block;
  transition: 0.6s ease-in;
  vertical-align: bottom;
}
#choice-select span.smlink {
  display: inline-block;
  transition: 0.6s ease-in;
  vertical-align: bottom;
  margin: 0px 58px;
}
#choice-select:hover span {
  @extend .blinking;
  transform: translateX(20px);
  color: ffcc00;

}

#choice-select img {
  transition: 0.6s ease-in;
  display: inline-block;
  max-height:50px;
  max-width: 100%;
  object-fit: scale-down;
  vertical-align: bottom;

}
#choice-select:hover img {
  transform: translateX(20px);
}

div img {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

}