:root{
    --text:grey;
    --link:#a5da6f;
    --link2:#d6d6d6;
    --link2:#3dd1ff;
    --link3:orange;
    --bg:#fff2fd;
    --bg2:white;
    --accent:#ff80e5;
    --accent2:#ffe3fb;
}

*{
  box-sizing: border-box;
}

img{
    max-width:100%;
}

@font-face{
font-family: 'pixel';
src: url(https://cinni.net/fonts/DinaRemasterII.ttc);
}
@font-face{
font-family: 'pixeltitle';
src: url(https://cinni.net/fonts/DotGothic16-Regular.ttf);
}
@font-face{
font-family: 'header';
src: url(https://cinni.net/fonts/SnowDream.TTF);
}


body{
    max-width:800px;
  margin:0 auto;
  padding:0;
  font-family:'pixel';
  font-size:1rem;
  color:var(--text);
  letter-spacing:1px;
  background:var(--bg);
  background-image:url('/img/gingam_t2.gif');
}
a{
    color:var(--link);
}
a:hover,.archive-title a:hover{
    color:var(--link2);
    font-weight:bold;
}
/*a:visited{
    color:var(--link3);
}*/
::selection{
    background:var(--accent2);
}
/*HEADER N FOOTER*/
header{
    border-bottom:1px solid;
font-family: 'pixeltitle';
}
header img{
    max-width:100%;
}
header a{
    text-decoration:none;
    color:var(--accent);
}
footer{
    border-top:1px solid;
    padding:2px 10px;
    border-bottom:1px solid;
    font-size:.9rem;
    font-family: 'pixeltitle';
}


header,footer,main{
    border-left:1px solid;
    border-right:1px solid;
}
main{
    background:var(--bg2);
}

ul{
    list-style-image:url('https://cinni.net/emoticon/c/gstar-b.png');
}
/*NAV*/
nav{
    padding:0;
    border-bottom:2px dotted pink;
}
nav ul{
    display:flex;
    flex-wrap:wrap;
    margin:0 15px;
}
nav li{
    padding:5px;
    margin:0 15px;
}
nav h1{
    background:var(--accent2);
    
    color:var(--accent);
}
/*SECTIONS*/
article{
    padding:10px;
    margin:10px;
    border:2px dotted pink;
    text-align:center;
    border-width:17px;
    border-image: url(https://cinni.net/images/web/starryborder.png) 17 repeat;
}

article h1{
    color:var(--link2);
    font-size:3rem;
    font-family:'header';
}

section{
margin:0;
padding:10px;
}

iframe{
    width:100%;
    height:400px;
}

/*OVERALL STYLING*/
h1,h2,h3,ul,p{
  margin:0;
  padding:0 10px;
}
article ul{
    padding-left:20px;
}
li:nth-child(2){
    list-style-image:url('https://cinni.net/emoticon/c/gstar-g.png');
}
li:nth-child(3){
    list-style-image:url('https://cinni.net/emoticon/c/gstar-y.png');
}
li:nth-child(4){
    list-style-image:url('https://cinni.net/emoticon/c/gstar-r.png');
}
li:nth-child(5){
    list-style-image:url('https://cinni.net/emoticon/c/gstar-p.png');
}

pre{
    margin:10px;
}


/*FORM*/
form{
    /*display:flex;*/
}
form div{
 /*   margin:0 10px;*/
}
label{
    width:50px;
    display: inline-block;
}


/*ARCHIVE STYLING*/
.archive-title a{
    color:var(--accent);
    text-decoration:none;
    font-family:'pixelheader';
    font-size:1.2rem;
}
.archive-title a:before{
    content:url('https://cinni.net/emoticon/c/gstar-b.png');
    padding-right:5px;
}

.archive-title a:hover{
    padding-left:5px;
}
.archive-title a:hover:before{
    content:url('https://cinni.net/emoticon/c/gstar-r.png');
    padding-right:5px;
}


/*MOBILE*/
@media screen and (max-aspect-ratio:16/9) {
}