html {
    margin: 0px;
    height: 100%;
    width: 100%;
    max-width: 100%;
  
 }

body {
    margin: 0px;
    height: calc(100% - 50px);
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
 .linkignore {
    color: inherit;
    text-decoration: none;
}

.marquee {
    --gap: 2rem;
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
}

.marquee__content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    list-style-type: none;
    animation: scroll 30s linear infinite;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-100% - var(--gap)));
    }
}


 .loader {
  animation: spin 1.5s linear alternate infinite;
  background: #B73F41;
  border-radius: 50%;
  height: 120px;
  width: 120px;
}

.loader:before {
  background: #B73F41;
  border-radius: 50%;
  content: '';
  display: block;
  height: 0.5em;
  width: 0.5em;
  z-index: 2;
}

.loader:after {
  background: #262E2A;
  border-radius: 50%;
  box-shadow: 0em -2.60em #262E2A,
    2.25em -4.02em #262E2A,
    2.25em -1.25em #262E2A,
    4.60em 0em #262E2A,
    2.25em 1.25em #262E2A,
    2.25em 4.02em #262E2A,
    0em 2.60em #262E2A,
    -2.25em 4.02em #262E2A,
    -2.25em 1.25em #262E2A,
    -4.60em 0em #262E2A,
    -2.25em -1.25em #262E2A,
    -2.25em -4.02em #262E2A;
  content: '';
  display: block;
  height: 2em;
  width: 2em;
}

.inner {
  animation: load 1.5s linear alternate infinite;
  border: solid 1px #B73F41;
  border-radius: 50%;
  height: 1.75em;
  width: 1.75em;
  z-index: 1;
}

.loader, .loader:before, .loader:after, .inner {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

@keyframes load {
  0% {
    box-shadow: 0em -2.60em #262E2A,
      2.25em -1.25em #262E2A,
      2.25em 1.25em #262E2A,
      0em 2.60em #262E2A,
      -2.25em 1.25em #262E2A,
      -2.25em -1.25em #262E2A;
  }
  15% {
    box-shadow: 0em -2.60em #262E2A,
      2.25em -1.25em #262E2A,
      2.25em 1.25em #262E2A,
      0em 2.60em #262E2A,
      -2.25em 1.25em #262E2A,
      -2.25em -1.25em #B73F41;
  }
  30% {
    box-shadow: 0em -2.60em #262E2A,
      2.25em -1.25em #262E2A,
      2.25em 1.25em #262E2A,
      0em 2.60em #262E2A,
      -2.25em 1.25em #B73F41,
      -2.25em -1.25em #B73F41;
  }
  45% {
    box-shadow: 0em -2.60em #262E2A,
      2.25em -1.25em #262E2A,
      2.25em 1.25em #262E2A,
      0em 2.60em #B73F41,
      -2.25em 1.25em #B73F41,
      -2.25em -1.25em #B73F41;
  }
  60% {
    box-shadow: 0em -2.60em #262E2A,
      2.25em -1.25em #262E2A,
      2.25em 1.25em #B73F41,
      0em 2.60em #B73F41,
      -2.25em 1.25em #B73F41,
      -2.25em -1.25em #B73F41;
  }
  75% {
    box-shadow: 0em -2.60em #262E2A,
      2.25em -1.25em #B73F41,
      2.25em 1.25em #B73F41,
      0em 2.60em #B73F41,
      -2.25em 1.25em #B73F41,
      -2.25em -1.25em #B73F41;
  }
  90% {
    box-shadow: 0em -2.60em #B73F41,
      2.25em -1.25em #B73F41,
      2.25em 1.25em #B73F41,
      0em 2.60em #B73F41,
      -2.25em 1.25em #B73F41,
      -2.25em -1.25em #B73F41;
  }
  100% {
    box-shadow: 0em -2.60em #B73F41,
      2.25em -1.25em #B73F41,
      2.25em 1.25em #B73F41,
      0em 2.60em #B73F41,
      -2.25em 1.25em #B73F41,
      -2.25em -1.25em #B73F41;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(60deg);
  }
  30% {
    transform: rotate(120deg);
  }
  45% {
    transform: rotate(180deg);
  }
  60% {
    transform: rotate(240deg);
  }
  75% {
    transform: rotate(300deg);
  }
  90% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.linkignore:hover {
    filter: brightness(80%);
    text-decoration:none; 
    cursor:pointer;  
}
.darkbutton{

    background-color:white;
    padding:10px;
    border-radius:5px;
    margin:0;
}
.darkbutton:hover{

    filter: brightness(80%);
}
 .userbutton{
    padding:10px;
    border:none;
    color:white;
    border-radius:15px;
    cursor:pointer;
    font-size:15px;
    -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
 }
 .userbutton:hover{
    text-decoration: none;
    filter: brightness(85%);
    color:white;
}

@font-face {
    font-family: 'news';
    src: local('News'), url("../fonts/Chomsky.7de0e2a46141.otf") format("opentype");
}

@font-face {
    font-family: 'breaking';
    src: local('News'), url("../fonts/BreakingNews.b3085a441244.ttf") format("truetype");
}

@font-face {
    font-family: 'newsflash';
    src: local('News'), url("../fonts/Newsflash.d0d6dcee87f2.ttf") format("truetype");
}

.navbar-brand {
    font-family: 'Langar', cursive;
    z-index: 10;
    position: fixed;
    min-height:50px;
}
.topnavbar {
    height:50px;
    width:100%;

    display:inline-block;
}
#newsbar{
    display:inline-block;
    
    height:auto;
    min-height:55px;
}
@media screen and (max-width:1000px){
    .topnavbar {
        height:auto;
        min-height:50px;

    }
    #newsbar{
        height:auto;
    }
    .nomobile{
        display:none;
    }
}
.icons{
    height:20px;
    padding:0px;
    border-width: thick;
}
.topictools{
    display:flex;background-color:inherit;justify-content: space-between;max-width: 500px;
}

.topicbutt{
    cursor:pointer;
    padding:8px;
    background-color:inherit;

 
    border-radius:20px;
    -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}


@keyframes upvote {
    0% { transform: translate(1px, 1px) rotate(0deg)scale(1); 
}
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg) scale(1.2); }
  50% { transform: translate(-1px, 2px) rotate(-1deg) scale(1.5); }
  60% { transform: translate(-3px, 1px) rotate(0deg) scale(2);
 }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg) scale(1); 
}

}
@media(hover: hover) and (pointer: fine){
    .topicbutt:hover, .topicbutt:active{
        filter: brightness(80%);
    }
}

.burn{
    animation: upvote 0.5s;

}
.nohighlight:hover{
    color:black;
}
.beardo{
    background-attachment:fixed;
    height:40px;
    padding:0px;
}
@media screen and (max-width:1000px){
.beardo{
    background-attachment:fixed;
    height:40px;
    padding:0px;
}}

nav{
    z-index: 10;
    position: fixed;
}

.navbar-news, .navbar-news:hover {
    font-family: 'news';
    font-size:25pt;
    text-decoration: none;
    color: black;
    position:relative;
    top:0;
    white-space: nowrap;

}

@media screen and (max-width:1000px){
    .navbar-news, .navbar-news:hover {


    }
}
.navigation {
    box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
}

.asteriskField {
    display:none;
}



.blinking {
    animation: blinker 1s infinite;
    font-size:60px;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@media screen and (max-width:1000px){
    .blinking{
        font-size:40px;
    }
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;    
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  } 

  .boardsspace{
    margin-left:auto;
    margin-right:auto;
}
.searchresult{
    border-radius:15px;
    height:auto;
    width:100%;
    //background-color:red;
    margin-bottom:20px;
    
}
.followbtn{
    background-color:blue;
    border-radius: 25px;
  
    color:white;
    font-size:15px;
    padding:5px;
    min-width:80px;
    text-align: center;
    cursor:pointer;
    font-family:Arial, Helvetica, sans-serif;
    -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
@media screen and (max-width:1000px){

    .mobtext{
        font-size:15px;
    }
    .mobheading{
        font-size:14px;
    }
    .followbtn{

        font-size:15px;

    }
}

.gunloader {
    animation: gunspin 1.5s linear alternate infinite;
    background: #B73F41;
    border-radius: 50%;
    height: 120px;
    width: 120px;
}

    .gunloader:before {
        background: #B73F41;
        border-radius: 50%;
        content: '';
        display: block;
        height: 0.5em;
        width: 0.5em;
        z-index: 2;
    }

    .gunloader:after {
        background: #262E2A;
        border-radius: 50%;
        box-shadow: 0em -2.60em #262E2A, 2.25em -4.02em #262E2A, 2.25em -1.25em #262E2A, 4.60em 0em #262E2A, 2.25em 1.25em #262E2A, 2.25em 4.02em #262E2A, 0em 2.60em #262E2A, -2.25em 4.02em #262E2A, -2.25em 1.25em #262E2A, -4.60em 0em #262E2A, -2.25em -1.25em #262E2A, -2.25em -4.02em #262E2A;
        content: '';
        display: block;
        height: 2em;
        width: 2em;
    }

.guninner {
    animation: gunload 1.5s linear alternate infinite;
    border: solid 1px #B73F41;
    border-radius: 50%;
    height: 1.75em;
    width: 1.75em;
    z-index: 1;
}

.gunloader, .gunloader:before, .gunloader:after, .guninner {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

@keyframes gunload {
    0% {
        box-shadow: 0em -2.60em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.60em #262E2A, -2.25em 1.25em #262E2A, -2.25em -1.25em #262E2A;
    }

    15% {
        box-shadow: 0em -2.60em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.60em #262E2A, -2.25em 1.25em #262E2A, -2.25em -1.25em #B73F41;
    }

    30% {
        box-shadow: 0em -2.60em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.60em #262E2A, -2.25em 1.25em #B73F41, -2.25em -1.25em #B73F41;
    }

    45% {
        box-shadow: 0em -2.60em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.60em #B73F41, -2.25em 1.25em #B73F41, -2.25em -1.25em #B73F41;
    }

    60% {
        box-shadow: 0em -2.60em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #B73F41, 0em 2.60em #B73F41, -2.25em 1.25em #B73F41, -2.25em -1.25em #B73F41;
    }

    75% {
        box-shadow: 0em -2.60em #262E2A, 2.25em -1.25em #B73F41, 2.25em 1.25em #B73F41, 0em 2.60em #B73F41, -2.25em 1.25em #B73F41, -2.25em -1.25em #B73F41;
    }

    90% {
        box-shadow: 0em -2.60em #B73F41, 2.25em -1.25em #B73F41, 2.25em 1.25em #B73F41, 0em 2.60em #B73F41, -2.25em 1.25em #B73F41, -2.25em -1.25em #B73F41;
    }

    100% {
        box-shadow: 0em -2.60em #B73F41, 2.25em -1.25em #B73F41, 2.25em 1.25em #B73F41, 0em 2.60em #B73F41, -2.25em 1.25em #B73F41, -2.25em -1.25em #B73F41;
    }
}

@keyframes gunspin {
    0% {
        transform: rotate(0deg);
    }

    15% {
        transform: rotate(60deg);
    }

    30% {
        transform: rotate(120deg);
    }

    45% {
        transform: rotate(180deg);
    }

    60% {
        transform: rotate(240deg);
    }

    75% {
        transform: rotate(300deg);
    }

    90% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.button_plus {
    border: 3px solid var(--basecolor);
    background-color: transparent;
    font-size: 16px;
    height: 100%;
    width: 100%;
    border-radius: 999px;
    position: relative;
    cursor:pointer;

    &:after, &:before {
		content: "";
		display: block;
		background-color: var(--basecolor);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	&:before {
		height: 0.8em;
		width: 0.2em;
	}

	&:after {
		height: 0.2em;
		width: 0.8em;
	}
}


.button_plus:hover {
    border: 2px solid var(--basecolor);
    background-color: var(--basecolor);
    font-size: 16px;
    height: 100%;
    width: 100%;
    border-radius: 999px;
    position: relative;
    &:after, &:before

{

    background-color: white;

}
}





.pulseloader {
    width: 30px;
    height: 30px;
    border: 3px solid var(--basecolor);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    animation: pulse 1s linear infinite;
}

    .pulseloader:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        border: 3px solid var(--basecolor);
        border-radius: 50%;
        display: inline-block;
        box-sizing: border-box;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        animation: scaleUp 1s linear infinite;
    }

@keyframes scaleUp {
    0% {
        transform: translate(-50%, -50%) scale(0)
    }

    60%, 100% {
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes pulse {
    0%, 60%, 100% {
        transform: scale(1)
    }

    80% {
        transform: scale(1.2)
    }
}