@charset "utf-8";

.copyright{
	background-color: transparent;
	position: absolute;
	right: 5px;
	top: 2px;
}

/* AUDIO */
.slidecontainer {
    width: 100%;
}

.slider {
	margin-top: auto;
	margin-bottom: auto;
    -webkit-appearance: none;
    min-width: 100%;
    height: 10px;
    background: #A7A5A5;
    outline: none;
	border: 1px #000 solid;
}

.slider:hover {
	background: #6E6E6E;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
	border: 1px #000 solid;
    background: #3D3D3D;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
	border: 1px #000 solid;
    background: #3D3D3D;
    cursor: pointer;
}

#myVol{width: 100px;  margin-top: auto;  margin-bottom: auto;}
#goButton{cursor: pointer; margin-left: 10px;  margin-top: 5px;  margin-bottom: auto;}
#lmButton{cursor: pointer; margin-left: 10px;  margin-top: 5px;  margin-bottom: auto;}

/* MARQUEE */
.marquee {
	max-width: 100vw;
	white-space: nowrap;
	overflow: hidden;
}

.marquee span {
	font-weight: normal;
	display: inline-block;
	padding-left: 105%;
	animation: marquee 20s linear infinite;
}

.marquee span:hover {

	animation-play-state: paused
}

@keyframes marquee {
    0%   {transform: translate3d(0,0,0);}
    100% {transform: translate3d(-100%,0,0);}
}

.htmllinks {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}