body {
  margin: 0;
  padding: 10px;
  background-image: url("https://kruzidula.neocities.org/Images/BG1.jpg");
  background-size: 100%;
  color: #fff;
  font-size: 14px;
  font-family:'Courier New', Courier, monospace;
}
.container{
  border: 7px double #ffffff;
  background-color: #000000;
  width: 1500px;
  height:  auto;
  margin:  auto;
  padding:0px;
}
main {
  background:black;
  border: 7px double #ffffff;
  margin: 0;
  padding: 0;
  width: auto;
  height: 475px;
}
footer{
  height:20px;
}
.box {
 background-color: #000000;
 border-radius: 3px;
 border: 3px double #ffffff;
 color: #ffffff;
 font-size: 14px;
 padding: 5px;
}
#SCROLL{
  overflow: auto;
  height: 400px;
}

ul{
  display: flex;
  list-style-type: none;
  text-decoration:none;
  border:none;
  justify-content: space-evenly; 
}
li {
}

#nav{
  width: 120px;
  border: 3px double white;
  border-radius: 3px;
  margin:5px;
  margin-bottom:10px;
  padding: 5px;
  background:#000000; 
  color: #ffffff;
  
  text-align: center;
  text-decoration: none;
  
  list-style-type: none;
  font-size: 14px;
  
  transition-duration: 0.0s;
  cursor: pointer;
}
#nav:hover{
  border: 3px solid white;
  font-weight: bold;
  cursor: pointer;
}
#nav:active {
  background-color:white;
  color: black;
  border: 3px double black;
  font-weight: bold;
  cursor: pointer;
}

p {
  color:#fff;
  font-size: 14px;
  font-family:'Courier New', Courier, monospace;
}
h1 {
  margin: 0 auto;
  font-size: 30px;
}
h2 {
  margin: 0 auto;
  font-size: 20px;
}
h3 {
  margin: 0 auto;
  font-size: 17px;
}
a {
  color: white;
}
a:hover{
  font-weight: bold;
  color: white;
}

/* MARQUEE */
		.marquee {
			border: none ;
			display: flex ;
			overflow: hidden ;
			white-space: nowrap ;
			width: 200px ;
      padding: 0px;
      margin: 0px;
		}
		.marquee__item {
			animation-duration: 15s ;
			animation-iteration-count: infinite ;
			animation-name: marquee-content ;
			animation-timing-function: linear ;
			padding: 0px;
		}
		.marquee:hover .marquee__item {
			animation-play-state: paused ;
		}

		@keyframes marquee-content {
			from {
				transform: translateX( 0% );
			}
			to {
				transform: translateX( -100% );
			}
		}