body{background-image: url(https://darknessofignorance.neocities.org/assets/bg.gif); 
   
background-color: black;}
/* HOME */
.container{
   border: 10px solid transparent;
  padding: 10px;
  border-image: url(https://darknessofignorance.neocities.org/assets/tile.png) 7 fill round;
width:48%; 
  float:left; height:100%; position:fixed; bottom:-10px; left:-10px;
}
.side{width:20%; float:left;}
.main{width:75%; overflow-y:auto; float:right; margin-left: 5px; }
footer{position:fixed; bottom:0%;}
.doll{position:fixed; bottom:0%; right:5px; width:20%; }

#statuscafe {
    padding: .5em;
    background-color:transparent;
    border: 1px solid white;
    color:pink
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}

/* ART */
  .gallery {  display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          grid-template-rows: 1fr ;
          gap: 0px 15px;
          grid-auto-flow: row;
          grid-template-areas:
            "left mid right";
      }
      .gallery img {width: 100%;}
        
        .left { grid-area:left; }
        .mid {grid-area: mid; }
        .right { grid-area: right; }
        
        
        
        
        .card .cover-image {position: relative;width: 100%;height: 100%;filter: blur(8px);transition: filter 0.25s linear;}
        .card .cover-image:hover {filter: blur(0);}
       .art-container{border: 10px solid transparent;padding: 10px;border-image: url(https://darknessofignorance.neocities.org/assets/tile.png) 7 fill round;width:85%;
           float:left; height:100vh; position:fixed; bottom:-10px; left:-10px;}
.art-container {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 10px 10px; 
  grid-template-areas: 
    "main main main bar"
    "main main main bar"; 
}
.art-bar { grid-area: bar; }
.prev {display:inline-block;}
.prev img {width: 20%;}
.art-main{ grid-area: main; overflow:auto;}


/* TEXT */
h1{font-family:malvinas; color:pink;}
h2 {
  font-family:angelface;
  font-size:35px;
  color:pink;
  
}
h3{font-family:readable; color:white; letter-spacing: 2px; font-size:17px;line-height: 1.5; text-indent: 25px;}
p{ font-family: flower; font-size:20px; color:palevioletred; }

a{color:pink; font-family:handwritten; font-size:30px;}
a:hover {color: red; font-style:italic;}

strong{ font-family:handwritten; font-size:30px; color:white;}

 @font-face {
src: url(https://dl.dropbox.com/scl/fi/k57e3qjxc4ck4lzubnkgp/AngelicAlchemy.ttf?rlkey=sqi34w0gqd11bebrjnqj7zaf2&st=82jp5kcn&);
font-family: angelface;
}

@font-face {
  src: url(https://dl.dropbox.com/scl/fi/rd88fwprso8wzf9i5za1m/Malvinas-Signature-Free-Personal-Use.ttf?rlkey=ndqivxstizjnxaomzyirdqnf2&st=pxkbalar&);
  font-family: malvinas;
}

@font-face {
  src: url(https://dl.dropbox.com/scl/fi/66x4sc76eshtut88nz9xm/Standard-Nib-Handwritten.ttf?rlkey=vzx95g2hssp0gdxojvj8mv33o&st=wyym0ssh&);
  font-family: handwritten;
}
@font-face{
src:url(https://dl.dropbox.com/scl/fi/1wd7xfjco04h3sciq3y91/PleaseWriteMeASong-70vV.ttf?rlkey=2y3lnpk5yzidgn3z0vc63eoa8&st=nma0jcti&);
font-family:readable}
@font-face {
  src: url(https://dl.dropbox.com/scl/fi/a2l5uqk7rw0kxwa2t6h1g/alphabetized-cassette-tapes.ttf?rlkey=ykdziug8dar2kv47hm0ugqwic&st=a2y5mgzp&);
  font-family: tapes;
}
@font-face {
  src: url(https://dl.dropbox.com/scl/fi/cd09o0ejnpczcgxqzr2mf/IndieFlower-Regular.ttf?rlkey=9mex00h8utz9rkm1ztwl3fc0v&st=8rd2ncrp&);
  font-family:flower
}