@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: rgb(0, 0, 0);
  /* font-family: 'segoe UI', sans-serif;
font-size: 14px;
line-height: 1.65; */
}

.breakingnewscontainer {
  height: 100vh;
  width: 100vw;
  display: flex;
  /* justify-content: center; */
  align-content: center;
  align-items: center;
  flex-direction: row;
  /* flex-direction: column; */
}



/* body {
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
  background-color: #212121;
} */

section {
  /* position: relative; */
  width: 100%;
  /* height: 100vh; */
  overflow: hidden;
  /* background-color: rgb(176, 243, 255); */
  /* background-color: rgb(168, 28, 157); */
  background-color: rgb(111, 63, 224);
}

.scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.scroll div {
  white-space: nowrap;
  -webkit-animation: animate 40s -40s linear infinite;
  animation: animate 40s -40s linear infinite;
  will-change: transform;
}

.scroll div:nth-child(2) {
  -webkit-animation: animate2 40s -20s linear infinite;
  animation: animate2 40s -20s linear infinite;
}

/* .scroll span {
  -webkit-text-stroke: 2px #cfe609; 
 color: #ffffff; 
  -webkit-text-stroke: 2px #000000;
  color: #ffffff;
} */

/* .text1 {
  -webkit-transform: rotate(30deg) translate(-200px, 200px);
  transform: rotate(30deg) translate(-200px, 200px);
}

.text2 {
  -webkit-transform: rotate(-25deg) translate(-200px, 120px);
  transform: rotate(-25deg) translate(-200px, 120px);
}

.text3 {
  -webkit-transform: rotate(25deg) translate(-200px, 300px);
  transform: rotate(25deg) translate(-200px, 300px);
}

.text3 {
  -webkit-transform: rotate(-2deg) translate(-200px, -150px);
  transform: rotate(-2deg) translate(-200px, -150px);
}

.text5 {
  -webkit-transform: rotate(5deg) translate(-200px, 250px);
  transform: rotate(5deg) translate(-200px, 250px);
} */

@-webkit-keyframes animate {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

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

@keyframes animate {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

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

@-webkit-keyframes animate2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes animate2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

/* aanvulling */
.nieuwsbalk {
  /* background-color: slategray; */

  /* line-height: 200px; */
height:80px;
  font-family: 'Inconsolata', monospace !important;
  font-size: 40px !important;
  font-weight: 200 !important;
  color: #7e00f4 !important;


}



.strong {
  font-family: 'Inconsolata', monospace;
  font-size: 45px;
  font-weight: 700;
  color: #f0f400
}

.emoji {
  background-color: cornflowerblue;
}

.inc {
  font-family: 'Inconsolata', monospace;
  font-size: 40px;
  font-weight: 300;
  color: #ff5e00
}

.dus {
  font-family: 'Inconsolata', monospace;
  font-size: 60px;
  font-weight: 900;
  color: #00f48e9f
}

.joke {
  font-family: 'Inconsolata', monospace;
  font-size: 50px;
  font-weight: 400;
  color: #F400A1;
}

.licht {
  font-family: 'Inconsolata', monospace;
  font-size: 50px;
  font-weight: 400;
  color: #a8ffff;
  text-transform: uppercase;
  -webkit-text-stroke: 2px #ecee87;
  color: #ffffff;
  -webkit-text-stroke: 2px #ffee00;
  color: #4accff;
}
.heelal {
  font-family: 'Sono';
  font-size: 70px;
  font-weight: 400;
  /* color: #a9a8ff; */
  /* text-transform: uppercase; */
  /* -webkit-text-stroke: 5px #9187ee;
  color: #ffffff; */
  -webkit-text-stroke: 3px #1100ff;
  color: #000000;
}

/* ----------------------- media resolutions ------------------------ */

@media screen and (max-width:799px) {
/* aanvulling */
.nieuwsbalk {
  /* background-color: slategray; */

  /* line-height: 1.65; */
height: 90%;
  font-family: 'Inconsolata', monospace !important;
  font-size: 90% !important;
  font-weight: 200 !important;
  color: #7e00f4 !important;


}



.strong {
  font-family: 'Inconsolata', monospace;
  font-size: 90%;
  font-weight: 700;
  color: #f0f400
}

.emoji {
  background-color: cornflowerblue;
}

.inc {
  font-family: 'Inconsolata', monospace;
  font-size: 90%;
  font-weight: 300;
  color: #ff5e00
}

.dus {
  font-family: 'Inconsolata', monospace;
  font-size: 90%;
  font-weight: 900;
  color: #00f48e9f
}

.joke {
  font-family: 'Inconsolata', monospace;
  font-size: 90%;
  font-weight: 400;
  color: #F400A1;
}

.licht {
  font-family: 'Inconsolata', monospace;
  font-size: 90%;
  font-weight: 400;
  color: #a8ffff;
  text-transform: uppercase;
  -webkit-text-stroke: 2px #ecee87;
  color: #ffffff;
  -webkit-text-stroke: 2px #ffee00;
  color: #4accff;
}
.heelal {
  font-family: 'Sono';
  font-size: 90%;
  font-weight: 400;
  /* color: #a9a8ff; */
  /* text-transform: uppercase; */
  /* -webkit-text-stroke: 5px #9187ee;
  color: #ffffff; */
  -webkit-text-stroke: 3px #1100ff;
  color: #000000;
}


}