body{
text-align: left;
background-color: #151515;
background-image:urL('https://64.media.tumblr.com/08aa54cc36e817fa1ca14914cd1de72a/f0430b4fb20e01e5-73/s400x600/820f3215288ee17180b0653299f69bf0bebcd260.gif');
cursor: url('https://milkomatic.neocities.org/gfx/brass18.png'), auto; 
background-repeat: repeat;
background-attachment:fixed;
font-weight: normal;
text-transform: normal;
font-family: 'MS PGothic', sans-serif;
font-size: 12px;
color: #ebeaeb;
margin: auto;
overflow:visible;
}

a {	
color: #e83f78; 
font-weight:bold;
text-decoration: none;
cursor: url('https://milkomatic.neocities.org/gfx/brass18.png'), auto; 
}

a:hover {
color: #03a2da;
font-weight:bold;
text-decoration: underline wavy #96b40a 1px;
}

b {color: #96b40a; font-weight:bold;}
i {color: #03a2da;}
u {color: #888;}
s {color: #999;}

textarea{
color: #888;
background: #333333;
border: 1px solid #aaa;
font-family: 'MS PGothic', sans-serif;
}

blockquote {
  display: block;
  background: #333333;
  padding: 10px 15px 10px 50px;
  margin: 0 auto 3px;
  width: 340px;
  position: relative;
  line-height: 1;
  color:  #e83f78; 
  font-size: 12px;
  text-align: justify;  
  border-bottom: 8px double  #e83f78; 
}

blockquote::before {
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #333333; 
  text-align: center;
  position: absolute;
  left: 5px;
  top: 3px;
  background:#96b40a;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

blockquote a {
  text-decoration: none;
  background:#96b40a;
  padding: 0 3px;
  color: #03a2da;
}

h1 {
font-family: 'Calibri', sans-serif;
font-size:12px;
color: #ebeaeb;
font-weight: bold;
text-align: right;
letter-spacing: 4px;
background: #e83f78;
border: 1px solid transparent;
border-image: url(https://cowgf.party/gfx/index/frame.png);
border-image-repeat: stretch;
border-image-slice: 30;
border-image-width: 1px;
border-image-outset: 1px;
line-height: 3px;
margin-top:1px;
margin-bottom:3px;
margin-left:1px;
margin-right:1px;
text-transform: uppercase;
}		

h1 a{
font-family: 'Calibri', sans-serif;
font-size:12px;
color: #ebeaeb;
font-weight: bold;
}

h1:first-letter {
color: #03a2da;
}
h1 a:hover{
  font-family: 'Calibri', sans-serif;
font-size:12px;
color: #ebeaeb;
font-weight: bold;
}

h2 {
font-family: 'Calibri', sans-serif;
font-size:12px;
color: #ebeaeb;
font-weight: bold;
text-align: center;
letter-spacing: 4px;
background: #e83f78;
border: 1px solid transparent;
border-image: url(https://cowgf.party/gfx/index/frame.png);
border-image-repeat: stretch;
border-image-slice: 30;
border-image-width: 1px;
border-image-outset: 1px;
line-height: 3px;
margin-top:1px;
margin-bottom:3px;
margin-left:1px;
margin-right:1px;
text-transform: uppercase;
}		
			
h2:first-letter {
color: #03a2da;
}

p{
padding:5px;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
}



#recentpostlistdiv{

list-style: none;
}

#recentpostlistdiv ul{

}
#recentpostlistdiv li{

}
#recentpostlistdiv li:before{
    content: "🗨 ";

  color: #96b40a; font-weight:bold;
}
.moreposts {

}

/*NEXT AND PREVIOUS LINKS STYLE*/
#nextprev {
list-style:none;
padding:5px;
}

            #container {
max-width: 900px;
margin:auto;
            }


            #header {
border: 5px solid transparent;
border-image: url(https://cowgf.party/gfx/index/frame.png);
border-image-repeat: stretch;
border-image-slice: 30;
border-image-width: 10px;
border-image-outset: 2px;
height: 150px;
background-image:url('https://cowgf.party/gfx/blog%20header.png');
background-size: 100%;
background-repeat: no-repeat;
            }

            #flex {
                display: flex;
            }


            aside {
border: 3px solid transparent;
border-image: url(https://cowgf.party/gfx/index/frame.png);
border-image-repeat: stretch;
border-image-slice: 30;
border-image-width: 10px;
border-image-outset: 2px;
background-color:#222222;
padding: 2px;
            }

            main {
                border: 3px solid transparent;
border-image: url(https://cowgf.party/gfx/index/frame.png);
border-image-repeat: stretch;
border-image-slice: 30;
border-image-width: 10px;
border-image-outset: 2px;
background-color:#222222;
                flex: 1;
                padding: 2px;
                order: 2;

            }


            #leftSidebar {
                order: 1;
                width:15%;
            }

            #rightSidebar {
                order: 3;
                width:25%;
            }

            @media only screen and (max-width: 900px) {
                #flex {
                    flex-wrap: wrap;
                }

                aside {
                    width: 100%;
                }


                main {
                    order: 1;
                }

                #leftSidebar {
                    order: 2;

                }

                #rightSidebar {
                    order: 3;
                }
            }