html{
  color:#000000;
}
body{
  font-family:"Consolas",monospace;
  background-color:#fff5fe;
  font-weight:400;
  font-size:30px;
  margin-top:50px;
}
div.margin{
  margin:50px 10%;
}
div.sidemargin{
  margin:0 10%;
}
div.reading{
  font-family:"Arial",sans-serif;
  font-size:20px;
}
span.aggressive{
  background-color: #fdddb3;
}
span.passive{
  background-color: #dedbff;
}
h1{
  color:#000000;
  font-weight:700;
  font-size:50px;
  margin:10px;
}
h2{
  color:#000000;
  font-weight:700;
  font-size:30px;
  margin-bottom:5px;
}
h3{
  color:#000000;
  font-weight:700;
  font-size:20px;
}
ul {
  list-style: none;
  margin-left: 0;
  margin-top: 0;
  padding-left: 0;
}
li {
  padding-left: 1em;
  text-indent: -1em;
}
li:before {
  content: "✦";
  padding-right: 10px;
}
a:link{
  color:#4d6fea;
}
a:visited{
  color:#182d72;
}
a:hover{
  color:#ffb129;
}
faded{
  color:#382d59;
}

.purple-text-container {
  background-color: #dedbff;
  border-radius: 4px;
  font-family:"Consolas",monospace;
}

.purple-text-container:hover {
  background-color: #fdddb3;
}

/* https://www.w3schools.in/css/examples/infinite-scrolling-text
Container styles */
.scrolling-text-container {
  background-color: #5f56c9;
  border-radius: 4px;
  overflow: hidden;
  font-family:"Consolas",monospace;
}

.scrolling-text-container:hover {
  background-color: #a05ad1;
}

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

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

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

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

/* Pause the animation when a user hovers over it */
.scrolling-text-container:hover .scrolling-text-inner>div {
  animation-play-state: paused;
}

/* 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%);
  }
}