@font-face {
  font-family: 'Pencil';
  src: url(https://fttdarchive.neocities.org/writing/film-cryptic.ttf);
}

body {
 background-image: url(https://fttdarchive.neocities.org/writing/skybg.jpg);
 background-position: center;
 background-size: cover;
 background-attachment: fixed;
 background-repeat: repeat;
}

#page {
  margin-top: 2.6042vw;
}

header {
  font-family:'Pencil';
  display: block;
  color: white;
  font-size: 4.5573vw;
  background-position: center, bottom right;
  background-size: 100%, 100%;
  width: 55.9896vw;
  background-color: rgba(0, 0, 0, 0.3);
  letter-spacing: 0.4557vw;
  line-height: 0%;
  box-shadow: 0 0 0.3255vw 0.1302vw white, 0 0 15px 0.4557vw #f31d64;
  padding-bottom: 1.3021vw;
  padding-top: 0.0651vw;
}

 header .buttons {
    display: inline-block;
    background: linear-gradient(180deg, #f31d64 0%, black 70%);
    border: 0.1953vw outset white;
    font-size: 1.3021vw;
    text-decoration: none;
    padding: 1.6276vw;
    padding-top: 0.9766vw;
    padding-bottom: 0.9766vw;
    color: white;
    line-height: 0.2604vw;
    font-family: 'Verdana';
    font-weight: bold;
    margin-right: 0.0977vw;
    margin-left: 0.0977vw;
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 0.9766vw 0.9766vw 0.9766vw 0.9766vw;
    letter-spacing: 0.1302vw;
  }
  
  header .buttons:hover {
    background: linear-gradient(180deg, rgba(0, 151, 19, 0.25) 0%, rgba(0, 36, 7, 0.25) 70%);
  }
  
 #list {
   display: block;
   overflow: auto;
   color: white;
   padding: 1.3021vw;
   width: 53.3854vw;
   padding-left: 1.3021vw;
   padding-right: 1.3021vw;
   box-shadow: 0 0 0.3255vw 0.1302vw white, 0 0 0.9766vw 0.4557vw #f31d64;
   margin: 2.6042vw;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%);
 }
 
 #list mark {
   background-color: black;
   color: white;
   font-family: 'sans-serif';
 }
   
   #list .entry {
     font-size: 1.3021vw;
     font-family: 'sans-serif';
     padding-top: 0.9766vw;
     width: fit-content;
     padding-left: 0.9766vw;
     padding-right: 0.9766vw;
     margin-top: 1.9531vw;
   }
   
   #list .entry[open] {
     border: 0.1302vw white groove;
   }
   
#list .quote {
  font-family: 'verdana';
  padding-top: 0.3255vw;
  font-size: 1.1068vw;
}

#list .source {
 font-family:'sans-serif';
 font-size: 0.9115vw;
 padding-bottom: 0.6510vw;
 line-height: 0.3125vw;
 color:white;
}