* {
  box-sizing:border-box;
}

body {
  min-height:100dvh;
  position:relative;
  font-family:ms pgothic;
  margin:0;
  padding:0;
  display:flex;
  background-color:#000;
  color:#fff;
  text-align:justify;
}

#container {
  height:100dvh;
  width:830px;
  margin-top:10px;
  position:relative;
}

.bar {
  margin:0 0 15px 0;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  height:11px;
  background-color:black;
  font-size:10px;
}

p {
  margin:0;
  padding:0;
  opacity:1;
  animation:glow 1s ease-in-out infinite alternate;
}

p:hover {
  cursor:none;
}

p span {
  transition: filter 0.2s ease;
}

p span:hover {
  filter:blur(5px);
}

@keyframes glow {
  from {
    text-shadow: 0 0 5px #fff, 0 0 7px #fff;
  }
  
  to {
    text-shadow: 0 0 7px #fff, 0 0 10px #fff;
  }
}

header {
  background-image:url(images/banner.png);
  height:150px;
  width:auto;
  background-size:cover;
  margin-top:0;
  margin-bottom:0;
  border:outset #e6cf93;
}

nav {
  width:760px;
  height:auto;
  margin-bottom:10px;
  overflow:auto;
  display:flex;
  padding:0;
}

.nav-item {
  display:flex;
  align-items:center;
  text-align:center;
  margin:0;
  font-size:20px;
  font-weight:bold;
}

a {
  padding-right:10px;
  padding-left:10px;
  animation:glow 1s ease-in-out infinite alternate;
}

a:hover {
  background-color:#fff;
  color:#000;
}

h1 {
  margin:0;
  animation:glow 1s ease-in-out infinite alternate;
}

.small-text {
  font-size:12px;
  font-style:italic;
}

.scroll-container1 {
  position:absolute;
  top:0;
  left:0;
  height:100dvh;
  width:50px;
  margin:0;
  overflow:hidden;
  display:flex;
  justify-content:center;
  background-image:url(images/dottedbackground.jpg);
  background-size:contain;
  border-right:1px solid #fff;
}

.scroll-content1 {
  writing-mode: vertical-rl; 
  white-space: nowrap;       
  display: flex;
  animation: scroll-v 7s linear infinite;
}

.scroll-content1 span {
  flex-shrink:0;
  font-size:20px;
  transform:rotate(180deg);
}

.main {
  position:absolute;
  top:0;
  right:0;
  width:780px;
  padding:10px;
}

@keyframes scroll-v {
   0% {
    transform: translateY(-70%);
  }
  100% {
    transform: translateY(100%); 
  }
}

::selection {
  text-shadow:none;
  background-color:#400808;
}

.background {
  position:absolute;
  z-index:-1;
  filter:opacity(0.8);
  left:0;
  top:0;
  height:100dvh;
}

.overlay {
  position:absolute;
  right:0;
  top:0;
  z-index:-2;
}

::-webkit-scrollbar {
  width:1px;
  height:1px;
}

::-webkit-scrollbar-track {
  background:transparent;
}

::-webkit-scrollbar-thumb {
  background:transparent;
}

::-webkit-scrollbar-thumb:hover {
  background:#888;
}