body {
    background-color: #230530;
    min-height: 100%;
    background-image: linear-gradient(#5c00de 20%, #4f004c 80%);
    color: #fceaff;
    font-family: courier;
}
.NavBar {
  border-collapse: collapse;
  border-width: 5px;
  border-style:solid;
  border-color: #32a1ce;
  background-color: black;
  width: 10%;
}
.NavJournal:hover {
  filter: hue-rotate(320deg) saturate(100%);
}
.NavBlog:hover {
  filter: hue-rotate(320deg) saturate(100%);
}
.NavBrains:hover {
  filter: hue-rotate(320deg) saturate(100%);
}
.NavLibrary:hover {
  filter: hue-rotate(320deg) saturate(100%);
}
.NavPolitics:hover {
  filter: hue-rotate(320deg) saturate(100%);
}
.NavDreams:hover {
  filter: hue-rotate(320deg) saturate(100%);
}
.NavMeme {
  width:10vw;
}
.Resource_Box1 {
  padding: 35px;
  border-radius: 40px 40px 40px;
  background-color: #64889b;
  color: pink;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
  position:absolute;
  text-align: flex-start;
  font-size: 25px;
  width: 25vw;
  height: 35vw; 
  left: 15vw;
  top: 1vw;
}
.Resource_Box2 {
  padding: 35px;
  border-radius: 40px 40px 40px;
  background-color: #64889b;
  color: pink;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
  position:absolute;
  text-align: flex-start;
  font-size: 25px;
  width: 25vw;
  height: 35vw; 
  left: 42vw;
  top: 1vw;
}
.Resource_Box3 {
  padding: 35px;
  border-radius: 40px 40px 40px;
  background-color: #64889b;
  color: pink;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
  position:absolute;
  text-align: flex-start;
  font-size: 25px;
  width: 25vw;
  height: 35vw; 
  left: 69vw;
  top: 1vw;
}
.scrolling {
  animation: marquee 4s linear infinite;
  display: inline-block;
  padding-right: 10px;
}
@keyframes marquee {
  from {
    transform: translateX(260%);
  }
  to { 
    transform: translateX(-260%);
  }
}
ul.Bullets {
  list-style: none;
}

ul.Bullets li::before {
  /* look up 'css code symbols' for more symbols */
  content: "\25A3";
}