body {
  background-color: #000;
  color: #FFF;
  font-family: 'Open Sans', tahoma, sans-serif;
  display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 1rem;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url('/loading/randombg/repbg-green.png');
  z-index: -1;
  animation: rotatebg 60s linear infinite;
}

@keyframes rotatebg {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

a {
  font-family: tahoma,Arial,sans-serif;
  color: #551A8B;
  text-decoration: none;
  text-shadow: -1px -1px 0 pink, 1px -1px 0 pink, -1px 1px 0 pink, 0px 1px 0 pink;
}

a:visited {
  color: #551A8B;
  text-shadow: -1px -1px 0 pink, 1px -1px 0 pink, -1px 1px 0 pink, 0px 1px 0 pink;
}

a:hover {
  color: #71429D;
  text-shadow: -1px -1px 0 violet, 1px -1px 0 violet, -1px 1px 0 violet, 0px 1px 0 violet;
}

h3 {
	font-size: 1.25rem;
   margin-left:3em;
}

hr {
  height: 1px;
  background: linear-gradient(left, rgba(0, 0, 0, 0), #333333, rgba(0, 0, 0, 0));
  border: 0;
}
hr:after {
  display: block;
  content: '';
  height: 1px;
  background-image: radial-gradient(farthest-side at center top, #777 0%, rgba(255, 255, 255, 0) 100%);
}

.logotxt {
  font-size:2.5em;
  font-weight:700;
  color:#0E6520;
  text-shadow: 3px 3px 1px #182F1E
}

.content {
  margin-left:20pt;
  text-shadow: 0px 3px 6px #0E4B1E
}

.social-header {
  font-size:2em;
}

.logo-icon {
  margin-bottom:-9px
}