#first {
  width: 1300px;
  height: 715px;
  background: #686666;
  position: relative;
  border-radius: 30px;
  box-shadow: 8px 8px 13px #000000;
  top:15px;
  left:15px
}

#code-container {
  position: relative;
  width:227px;
  left: 1059px;
  top: 300px;
}

#first #second {
  width: 1000px;
  height: 598px;
  background: transparent;
  position: absolute;
  box-shadow: 6px 0px 10px #000000;
  top: 411px;
  left: 500px;
  transform: translate(-50%, -50%);
  border-radius: 0px 35px 0px 0px;
  border-style: solid;
  border-color: black;
  border-width: 4px 4px 0px 0px;
}

#second #third {
  width: 998px;
  height: 31px;
  background: #686666;
  box-shadow: 4px 0px 8px #000000;
  position: absolute;
  top: 582px;
  left: 503px;
  transform: translate(-50%, -50%);
   border-style: solid;
  border-radius: 0px 0px 5px 5px;
  border-color: black;
  border-width: 4px;
  border-left:0px
}

.container {
 height:31px; 
 width:998px;
 top: -21px;
 left: 15px;
 position:relative; 
 overflow:hidden;
 align-self: center;
}

.showcase {
 position:absolute; 
 width: 11930px;
 top:0px; 
 left:7px; 
overflow:hidden;
 white-space: nowrap;
 animation: bannermove 600s linear infinite;
 animation-play-state: running;
 -webkit-animation-play-state: running;
 animation-direction: alternate-reverse
}

@keyframes bannermove {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-50%, 0);
  }
}

/* stop animation on hover */
.showcase:hover {
  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
}

#scroll1 {
overflow: auto;
Position:relative;
top:111px;
left:775px;
 border-radius: 0px 35px 0px 0px;
height: 560px;
width: 200px;
padding: 10px;
font-size: 16px;
border: 3px solid #eb78ae;
}

/*! XP.css v0.2.4 - https://botoxparty.github.io/XP.css/ */
@font-face {
  font-family: "Pixelated MS Sans Serif";
  src: url(https://dl.dropbox.com/s/51s26i4d06xv8wk/ms_sans_serif.woff);
  font-weight: 400;
  font-style: normal
}



@font-face {
  font-family: "Pixelated MS Sans Serif";
  src: url(https://dl.dropbox.com/s/51s26i4d06xv8wk/ms_sans_serif.woff);
  src: url(https://dl.dropbox.com/s/5esjsdah1rjwdhq/ms_sans_serif.woff2);
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: Perfect DOS VGA\ 437 Win;
  src: url(https://dl.dropbox.com/s/fpnwu2jl9571ryc/PerfectDOSVGA437Win.woff);
  font-weight: 400;
  font-style: normal
}


@font-face {
    font-family: 'octuple_maxregular';
    src: url("https://bellaforever232.neocities.org/css/fonts/CustomFont.eot");
    src: url("https://bellaforever232.neocities.org/css/fonts/CustomFont.woff") format("woff"),
   url("https://bellaforever232.neocities.org//css/fonts/CustomFont.otf") format("opentype"),
   url("https://bellaforever232.neocities.org//css/fonts/CustomFont.svg#font1") format("svg");

}

@font-face {
font-family:aeroblade;
src:url(https://dl.dropbox.com/s/rp1c9fy6nef7l15/Aeroblade%20DEMO.ttf);
}