/* Fonts */
@font-face {
  font-family: "PragmataPro Fraktur Regular";
  font-style: normal;
    font-weight: normal;
  src: url("https://nekromant.neocities.org/PragmataPro Fraktur Regular.ttf") format("truetype");
}

@font-face {
  font-family: "PragmataPro Fraktur Bold";
  font-style: normal;
    font-weight: bold;
  src: url("https://nekromant.neocities.org/PragmataPro Fraktur Bold.ttf") format("truetype");
}
html.clsch {
background-color: #181A1B;
  color: #FAF9F9;
  --accent:#C6B604;
  --accent2:#A5ABAF;
  --accent3: #DDDBF1;
  --accent4: #181A1B;
--scrollthumb: #1f1f1fd3;
}


@media (prefers-color-scheme: light) {
html.clsch.adaptive{

background-color: #FAF9F9;
color: #181A1B;
--accent: #2D93AD;
  --accent2:#A5ABAF;
--accent3: #181A1B;
--accent4: #FAF9F9;

  --scrollthumb: #cedbe4d7;
}
}

html {
    font-family: Fira Mono, sans-serif;

}





h4, h3{
 color:var(--accent);
 font-weight: bold;
 

}

h5, h6 {
color:#A5ABAF;
font-weight: italic;
}





body {
scrollbar-width: thin;
scrollbar-color: var(--scrollthumb) var(--accent4);
}



a:link, a:visited, a:active { color: var(--accent);
text-decoration: none;
}


ul, li {

  list-style: none;
}

a:hover {

  text-decoration: underline; 

}

/* List Page*/

.list-item {
  background-color: var(--accent4);
  color: var(--accent3);
  list-style: none;
  border: 1px dotted #404040;
   border-radius:  3px;
  margin: 15px;
  padding: 20px;
   background-image: url("https://nekromant.neocities.org/tiles/texture1.png");
}

a.list-title {
text-decoration: none;

}
.list-item2 {
  background-color: var(--accent4);
  color: var(--accent3);
  list-style: none;
  border: none;
  margin: 5px;
  padding: 5px;
  font-size: 12px;
  text-decoration:none;
   border-radius:  3px;

}
a.list-item2:hover {
  text-decoration: underline;
}

/* Navbar*/
.nbar {
    padding: 15px;
    font-family: PragmataPro Fraktur Regular;
    font-size: 32px;
   
}

a.nitem {
     text-decoration: none;
     color:var(--accent);
     margin: 15px;
}

a.nitem:hover{
text-decoration: underline;

}
a.nitem2 {
     text-decoration: none;
   background-image: url("https://nekromant.neocities.org/tiles/texture1.png");
     color:var(--accent);
     margin: 15px;
     font-size:40px;
     
}


a.nitem2:hover {
    text-decoration: wavy;
}



/* Pages*/

h2.arthead {  font-size: 30px; color:var(--accent);}
.arthead { text-align: left;
   margin-bottom: 10px;
   margin-left: 100px;
   margin-top: 30px;
  width: 60vw;
  line-height: 1;}

.artcon {

  padding: 30px;
   text-align: left;
   margin: auto;
  font-family: Fira Mono;
  font-size: 16px;
  line-height: 1.6;
  width: 50vw;
}


p.landing {
 padding: 15px;
   text-align: left;
   margin-left: 50px;
  font-family: Fira Mono;
  

}


/* INDEX page style and queries*/
.flexs {
   
        margin: 2em auto;
}
.microj {

  overflow-y:scroll;


  border-radius:  3px;
  border-style:dotted; 
  border-color: #404040;
  height:75vh;
  width: 65%;
  margin: 10px;
  padding: 15px;
    font-size: 13px;
flex: 1;
}
div.landing {
   width: 35%;
   margin-right: 20px;
 
}


@media screen and (width >= 900px) {
  .flexs {
    display: flex;
  }

  div.landing {
    flex: 1;
    margin-right: 5%;
    
  }

  .microj{
    flex: 2;
  }
  
}

.entry {
  
   padding: 20px;
    text-decoration: none;
   text-align: left;
   
 
   margin: auto;
   
  font-family: FiraMono;
 font-size: 14px;
  line-height: 1.5;
}





/* scrollbars */

body::-webkit-scrollbar {
  width: 6px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: var(--accent3)        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: var(--accent2);    /* color of the scroll thumb */
  border-radius: 2px;       /* roundness of the scroll thumb */
  border: 3px var(--accent2);  /* creates padding around scroll thumb */
}



.footer {
  font-size: small;
  margin-left: 30px;
  color: #727272;
}


.recent-played {

  font-family: Fira Mono;
  font-size: 12px;
}
.recent-played-track {
   font-family: Fira Mono;
  font-size: 12px;
}