html {
    background-color:lightgray;
    background-repeat: no-repeat;
    background-size:cover;
    
}

body {
    
    width: 750px;
        position: relative;
        display: block;
        margin-left:auto;
        margin-right:auto;
    font-family:'MSPGothic';
    font-size:11px;
}

#content {
    margin-left: 50px;
    margin-bottom:50px;
    position:relative;
    
    
}

#main {
    
    width:550px;
    float:none;
    margin-top:10px;
    height:700px;
    display:block;
    position:absolute;
    
}

#blog {
    
    
    
    height:inherit;
    flex:left;
    overflow:scroll;
}

#header {
    
    width:700px;
        display: block;
        margin-left:auto;
        margin-right:auto;
    margin-bottom:15px;
}

h1 {
    
    color:white;
    font-family: serif;
    font-size:50px;
    position:relative;
    float:right;
    
    
}

marquee {
    
    color:white;
    font-family: 'mbytepc';
    filter: drop-shadow(1 1 1rem #fff);
}


#puter {
    
    top: 360px;
  left: 600px;
    width:200px;
    position:absolute;
    animation-name: floating;
  animation-duration: 6s;
  animation-delay: -2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

#chlochlo:hover {
    
    
    
}

a {
 margin:2px;
    color:blue;
    
}

a:hover {
    
    color:darkblue;
    filter:drop-shadow(#47000C 50%);
}

#titletitle {
    
    top: 100px;
  left: 450px;
    position:absolute;
    font-size:100px;
    filter: drop-shadow( 0 3px #47000C) drop-shadow( 2px 0 #750014) drop-shadow( 0 -1px #FF8A9D) drop-shadow( -1px 0 #47000C) drop-shadow( 0 5px white) drop-shadow( 5px 0 white) drop-shadow( 0 -5px white) drop-shadow( -5px 0 white) drop-shadow(1px 1px 0 rgba(172,172,172,0.6)) drop-shadow(1px 1px 0 rgba(172,172,172,0.6)) drop-shadow( 0 0 2px #424242);
  color:#FDE6FF;
  font-family: serif;
}

#neo {
    top: 190px;
  left: 730px;
    font-size:10px;
    position:absolute;
    color:white;
    
}

#headerimg {
    
    height:50px;
    background: blue;
    flex:left;
    text-align:right;
    color:white;
    margin-left:0;
     border-width:1px;
    border-style:solid;
}



@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
}

@-webkit-keyframes pop {
from {
-webkit-transform:scale(0.95)

}

50% {
-webkit-transform:scale(1)

}

to {
-webkit-transform:scale(0.95)

}
}

@font-face {
font-family: 'mbytepc';
src: url(https://dl.dropbox.com/s/wu14gtbffx3auk3/Px437_MBytePC230_EGA%5B1%5D.ttf);
}

@keyframes floating {

0% {
  transform: translate(0, 0px);
}
50% {
  transform: translate(0, 15px);
}
100% {
  transform: translate(0, -0px);
    
    }
}
   


#backthing {
    
    border-radius:2px;
    margin-top: -30px;
    margin-left: -30px;
    position: static;
    width:inherit;
    height: inherit;
    border: solid 1px;
    background:white;
    box-shadow: 0.088rem 0.088rem 0rem 0rem #000000;
    z-index: -1;
}

#one{
  
  background-color: white;
    background: white;
    width: 150px;
    height:auto;
    position:relative;
    display:;
    overflow:hidden;
    float:right;
    border: solid 1px;
}



#section{
  color: white;
   background-image:linear-gradient(to right, white, blue);
  font-size: 15px;
  padding: 3px 3px 3px 3px;
  text-align: right;
  z-index: 20;
    font-family:serif;
}
#writing{
  text-align: left;
  padding: 0px 2px 5px 5px;
}

h3 {
    
    border-width: 2px;
  border-bottom-style: solid;
  border-color:blue;
  color: white;
    background-color: blue;
  font-size: 14px;
font-weight: 600;
    text-align: left;
    margin-right:25px;
}

p {
    
    text-align: justify;
    padding: 5px;
}