img {
    user-drag: none;
    -webkit-user-drag: none;
    
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

body {
	margin: 0;
	overflow: hidden;
	background: url("img/bg-test.png");
	background-repeat: repeat;
	animation: bgLoop 5s linear 0s infinite normal forwards;
}



html, body, .main {
    height: 100%;
}

.main {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index: 2;
}

.borderTop {
	position: fixed;
    background: url("img/border-top.png");
	background-repeat: repeat-x;
	height: 72px;
	top: 0%;
	width: 100%;
	font-face: 'NDS', sans-serif;
	font-size: 16px;
	z-index: 3;
}

.borderBottom {
	position: fixed;
    background: url("img/border-bottom.png");
	background-repeat: repeat-x;
	height: 72px;
	bottom: 0%;
	width: 100%;
	z-index: 3;
	font-family: "MS UI Gothic", sans-serif;
	font-size: 30px;
}

.picsUnderBtn {
	position: fixed;
	background: url("img/about/placeholder.png");
	background-repeat: no-repeat;
	z-index: 1;
	right: 0%;
	bottom: 0%;
	height: 85%;
	width: 430px;
}

@keyframes bgLoop {
	0% {
		background-position: 0px 0px;
	}

	100% {
		background-position: 576px 432px;
	}
}

.socList {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
.socList > div {
    margin-top: 10px;
    padding: 20px;
}

.marquee {
	--gap: 1rem;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
	font-family: "MS UI Gothic", sans-serif;
	font-size: 32px;
}

.marquee__content_top {
	margin-top:12px;
	flex-shrink: 0;
	display: flex;
	justify-content: space-around;
	min-width: 100%;
	gap: var(--gap);
	animation: scroll 15s linear 0s infinite normal forwards;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

a {
  color: #FFD800;
}

.plainmain {
	height: 100%;
	width: 75%;
	margin: auto;
	background-color: black;
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index: 2;
	color: white;
	font-family: "MS UI Gothic", sans-serif;
	font-size: 32px;
}