body {
  position: absolute;
    top: 0;
    left: 0vw;
    right: 0vw;
  color: rgb(255,255,0);
  padding: 5vmin;
  border-left: 10vmax solid red;
  font-size: 1vmax;
  font-weight: bold;
  font-family: helvetica, "Times New Roman";
}

body {
  background: url(https://savagepatches.neocities.org/Dungeon%20Press/images/Untitled2.png), url(https://savagepatches.neocities.org/Dungeon%20Press/images/Untitled.png) black repeat top right;
  background-position: 0px 0px, 0px 0px;
  animation: mymove 100s infinite;
}

@keyframes mymove {
  50% { background-position: center, 0px 0px}
	
}

a {
  text-decoration: none;
  color: inherit;
}

#toptitle {
font-size: 4em;
    background-color: rgb(255,255,0);
    color: rgb(0,0,0);
    font-family: "Times New Roman";
    text-transform: uppercase;
    font-weight: bold;
    margin: 0vmin;
    padding-top: 5vmin;
    padding-bottom: 5vmin;
    text-align: center;
    letter-spacing: 0.25em;
    word-spacing: 1em;
    line-height: 1.5;
    border-style: outset;
    border-width: 3vmin;
    border-color: rgb(255,255,0);
}

#subtitle {
font-size: 4em;
    background-color: rgb(255,255,0);
    color: rgb(0,0,0);
    font-family: "Times New Roman";
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px;
    padding: 2vmin;
    padding-top: 0vmin;
    text-align: center;
    letter-spacing: 0.25em;
    word-spacing: 1em;
    line-height: 1.5;
    border-style: outset;
    border-width: 3vmin;
    border-color: rgb(255,255,0);
}

#subtitle:first-line {
    font-size: .25em;
}

.lilsubtitle {
  font-size: .5em;
  word-spacing: 0em
}

#navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 10vmax;
    margin: 3vmin;
}

#navtitle {
  background-color: rgb(255,255,0);
    color: rgb(0,0,0);
    font-family: "Times New Roman";
    text-transform: uppercase;
    font-weight: bold;
}

#navigation p:hover {
    text-decoration: none;
    background-color: rgb(255,255,0);
    color: rgb(0,0,0);
    font-family: "Times New Roman";
    text-transform: uppercase;
    font-weight: bold;
}

#article_start {
    font-size: 2em;
}

#article_start:first-letter {
    font-size: 2em;
    font-family: "Times New Roman";
    background-color: rgb(255,255,0);
    color: rgb(0,0,0);
    float: left;
    padding: 1vmin;
    margin-right: 1vmin;
    margin-bottom: 2vmin;
    border-style: outset;
    border-width: 2vmin;
    border-color: rgb(255,255,0);
}

#article_start:first-line {
    font-weight: bold;
    font-size: 2em;
}

#article_main {
    font-size: 2vmax;
    background-color: rgb(175,0,0);
    padding: 2vmin;
}

#article_main_with_background {
  background-color: rgb(0,0,0);
  width:60vmin;
  display: block;
    padding: 2vmin 2vmin;
    font-size: 1.5em;
    border-style: outset;
    border-width: 1vmin;
    border-left-width: 1vmin;
    border-right-width: 1vmin;
    border-color: red;
}

#article_main_with_background:first-line {
    font-weight: bold;
    font-size: 2em;
}

#article_clear {
  clear:both;
  font-size: 1.5em;
}

#new_article {
  clear: both;
  margin-top: 10vmin;
  margin-bottom: 10vmin;
  background-color: rgb(75,75,125);
}

#article_image {
  position:static;
  float: right;
  background-color: rgb(0,0,0);
  margin: 0vmin;
  margin-left: 1vmin;
  margin-bottom: 5vmin;
  width:20vmax;
  display: block;
    padding: 1vmin 1vmin;
    font-size: 1.5em;
    border-style: outset;
    border-width: 2vmin;
    border-color: rgb(255,255,0);
}

.article_image {
    width:20vmax;
    height:20vmax;
}
    
#article_title {
  font-size: 1.75em;
    background-color: rgb(175,0,0);
    color: rgb(255,255,0);
    font-family: "Times New Roman";
    text-transform: uppercase;
    font-weight: bold;
    margin: 0vmin;
    padding: 5vmin;
    text-align: center;
    letter-spacing: 0.25em;
    word-spacing: 1em;
    line-height: 1.5; 
}

#article_subtitle {
  font-size: 1.75em;
    color: rgb(255,255,0);
    font-family: "Times New Roman";
    margin: 1vmin;
    padding: 0vmin;
    line-height: 1.5; 
}
  
#article_subtitle:first-letter {
    font-size: 1.5em;
    font-family: "Times New Roman";
    background-color: rgb(255,255,0);
    color: rgb(0,0,0);
    margin: -1vmin;
    margin-right: 2vmin;
    padding: .5vmin;
    padding-left:2vmin;
    padding-right:2vmin;
    float: left;
    border-style: outset;
    border-width: 1.5vmin;
    border-color: rgb(255,255,0);
}

#article_subtitle:first-line {
    font-weight: bold;
    font-size: 1.25em;
    letter-spacing: 0em;
    word-spacing: .5em;
}

#sub_article_image {
  position:static;
  float: right;
  background-color: rgb(0,0,0);
  margin: 0vmin;
  margin-left: 1vmin;
  margin-bottom: 5vmin;
  width:63vmin;
  display: block;
    padding: 1vmin 1vmin;
    font-size: 1.5em;
    border-style: outset;
    border-width: 2vmin;
    border-color: rgb(255,255,0);
}

.sub_article_image {
    width:63vmin;
    height:63vmin;
}