.versions-wrapper {
}

@font-face {
font-family: badcorgi2;
src: url(../font/378font2.ttf);
}

#versions-wrap {
width:100%;
height:auto;
margin:0 auto;
background:none;
text-align: left;
font-family: badcorgi;
font-size:24px;
font-weight: 200;
color: black;
position:absolute;
}

.eachissue{
float: left;
background-color: red;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
text-shadow: none;
font-family: badcorgi;
color: yellow;
clear: left;
}

.eachissue .metadata {
text-align: right;
font-size: 16px;
}

.eachupdate{
width:95%;
float: left;
background-color: white;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
text-shadow: none;
font-family: badcorgi;
color: black;
clear: left;
    text-indent:10px;
    margin-left:-10px;
}

#emotions {
width: 50%;
height: auto;
float: left;
padding-top: 60px;
padding-bottom: 320px;
text-shadow: none;
font-family: badcorgi2;
color: yellow;
}

#emotions h1 {
color: yellow;
font-family: badcorgi;
}

#emotions h2 {
color: black;
font-family: badcorgi;

}

#emotions h3 {
color: black;
font-family: badcorgi;
font-size: 36px;
}

#emotions p {
  padding:5%;
}

#updates {
width: 50%;
height: 100%;
float: right;
background-color: #d6d6ce;
padding-top: 60px;
padding-bottom: 320px;
}
#updates p {
  padding:5%;
}

#versions-wrap p {
text-align: center;
font-family: badcorgi;
font-size:60px;
font-weight: 200;
color: yellow;
text-shadow: 2px 2px black;
}

#versions-wrap p.copytext {
text-align: center;
font-family: Arial;
font-size:28px;
font-weight: 300;
color: #f5db00;
text-shadow:
-2px -2px 0 #000,
2px -2px 0 #000,
-2px 2px 0 #000,
2px 2px 0 #000;
}