/*Empty space*/

html {
margin: 0px 0px 0px 0px;
}

body {
margin: 0px 0px 0px 0px;
font-family: helvetica, sans-serif;
}

br.gap {
height:20px;
}

a:hover {
color:#9f3232;
text-decoration: underline #9f3232 dotted 2px;
}

.flex-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}

.columnflex {
display: flex;
flex-direction: column;
justify-content: center;
}

#popular {
justify-content:flex-start;
max-width:1000px;
margin: 0px auto 0px auto;
}

#highlights {
justify-content:flex-start;
max-width:1000px;
margin: 0px auto 0px auto;
display:none;
}

#stickied {
justify-content:flex-start;
max-width:1000px;
margin: 2px auto 2px auto;
display:none;
}

.almacontent {
max-width:750px;
margin:20px auto 20px auto;
}

.gurt{
color:#7a0d0d;
}

table, th, td {
border-collapse:collapse;
border-style:solid;
border-color:black;
border-width:1px;
}

.hlabel {
color:#6d6dfa;
font-weight:bold;
text-align:center;
}

.vlabel {
color:#ea6767;
font-weight:bold;
text-align: center;
}

.ulabel {
color:#d4aa3a;
font-weight:bold;
text-align:center;
}

#headercontainer {
font-family: helvetica;
background-color: #6d6dfa;
height: 170px;
z-index: -1; 
position: static;
font-size: 2vw; 
color: #acacfa; 
text-align: justify;
width:100vw;
overflow:hidden;
}

#header {
margin: 0px 0px 0px 0px;
font-size: 60px;
background-color: #ea6767;
color: #000000;
position: absolute;
}

#headerleft {

}

a.selector {
width: calc(50vw - 1px);
border-style: solid;
border-color: black;
display:block;
text-align:center;
text-decoration: underline blue dotted 2px;
}

#fanforum {
background-color:#2a2a30;
color:#fafafa;
margin-top:300px;
}

#forumheadercontainer {
height:240px;
background-color:#232331;
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-evenly;

}

#forumheader {
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
}

#forumtitle {
font-size:70px;
font-weight:bold;
font-family: "Ubuntu", monospace;
background:linear-gradient(90deg, #232331, #2A495F);
}

.forumcontent {
margin-top: 30px;
margin-bottom: 30px;
}

.forumcontent li {
list-style-type:none;
list-style-position:inside;
padding:3px 3px 3px 6px;
margin:2px 0px 2px 36px;
border-width: 2px;
border-color: #3f3f44;
border-style: solid;
border-radius: 7px;
background-color:#38383f;
}

.op {
font-weight:bold;
font-size:18px;
color:#36a5ff;
}

.commenter {
margin-left: 36px;
font-size:16px;
}

.post {
padding:9px 3px 9px 9px;
margin:2px 0px 3px 0px;
border-width: 2px;
border-color: #3f77a4;
border-style: solid;
border-radius: 7px;
background-color:#38383f;
}

.note {
font-variant:small-caps;
font-size:12px;
}

#registerbox {
display:flex;
flex-direction:row;
align-items: center;
justify-content: flex-start;
}

#login ul {
list-style-type: none;
margin-bottom: 0px;
}

#login input {
color:#959595;
background-color:#4f4f4f;
border-color:#252525;
}

/* https://www.w3schools.in/css/examples/infinite-scrolling-text
Container styles */
.scrolling-text-container {
  border-radius: 0px;
  overflow: hidden;
  max-width: 40vw;
}

/* Inner container styles */
.scrolling-text-inner {
  display: flex;
  white-space: nowrap;
  max-width: 40vw;
}

/* Text styles */
.scrolling-text {
  display: flex;
}

.scrolling-text-item {
  padding: 0px 0px;
}

/* Apply the animation to the text items */
.scrolling-text-inner>div {
  animation: var(--direction) var(--marquee-speed) linear infinite;
}

/* Setting the Animation using Keyframes */
@keyframes scroll-left {
  0% {
      transform: translateX(0%);
  }

  100% {
      transform: translateX(-100%);
  }
}

@keyframes scroll-right {
  0% {
      transform: translateX(-100%);
  }

  100% {
      transform: translateX(0%);
  }