body{
  background-image: url("/directory/img/bg-01.png");
  color: #db9e7d;
  font-family: verdana;
    -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: grayscale;
  font-size:14px;
     font-family: 'basiic';
}

::selection{
  background:rgb(255, 243, 245);
}

 @font-face{
      font-family: 'basiic';
  src: url("/fonts/basiic.ttf");
    }

 @font-face{
      font-family: 'spirit';
  src: url("/directory/Spirit.ttf");
    }
    
     @font-face{
      font-family: 'emoji';
  src: url("https://cinni.net/directory/EmojiFont.ttf");
    }
    
    
@font-face{
      font-family: 'title';
      src: url(https://cinni.net/fonts/pixelfj8pt.woff);
      }

textarea {
  outline: none;
}

.h1{
  font-family: 'spirit';
  background-color: #fff3f5;
  font-style: italic;
   border-radius: 15px;
   padding:2px 10px 2px 10px;
   margin-bottom:5px;
   width:98%;
   
   font-size: 20px;
   text-align: center;
}

h1{
    font-family: 'spirit';
  background-color: #fff3f5;
  font-style:none;
   border-radius: 15px;
   padding:5px 10px 5px 10px;
   width:98%;
   font-size: 20px;
}


hr{
  border-style: solid;
  border-width: 1px;
  border-color: #d89877;
}


a{
  color: #db9e7d;
  font-style: italic;
}
  
  
  
.base{
 width: 50%;
 margin: 0 auto;
 padding-top:30px;
}

.container{
  padding: 15px;
  border-style: solid;
border-width: 1px;
background-color: white;
    border-radius:2px;
}


.header{
  padding: 5px;
  border-style: solid;
  border-bottom-style: none;
border-width: 1px;
background-color: #fff3f5;
  font-family: 'spirit';
    font-style: italic;
       font-size: 18px;
       letter-spacing: 2px;
    margin: 0 auto;
    text-align:right;
    border-radius:2px;
}

.headerimg{
  text-align:left;
  width:490px;
}

.link-img{
  text-align:right;
  margin-left: 250px;

}

.emoji{
    font-family: 'emoji';
}


.pink{
    background-color: #fff3f5;
}

.tag{
  vertical-align:bottom;
}

.date{
  text-align: right;
  display:inline;
  font-style: italic;
  float: right;
}

table{
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px;
  padding:15px;
  margin: 0 auto;
      border-radius:2px;
}

td{
  padding:5px;
  }
  
  .tdbutton{
    width: 90px;
    margin: 0 auto;
    text-align:center;
    padding-right:30px;
  }
  
  .tdlink{
    colspan: 2;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'title';
    font-size: 10px;
    letter-spacing: 2px;
  }
  
  .tdtag{
    float: left;
  }
  
  .tdfooter{
    font-style: italic;
    text-transform: uppercase;
    font-family: 'title';
    font-size: 10px;
    letter-spacing: 1px;
  }

  
tr{
  padding:5px;
  }
  
.tdname{
  margin: 0;
  padding:0;
  width:300px;
}

.description{
  width:700px;
}











@media screen and (max-aspect-ratio:16/9) {
 .base{
 width: 100%;
 margin: 0 auto;
 padding-top:15px;
}
 
.headerimg{
  text-align:left;
  width: 20%;
}

.link-img{
  text-align:right;
  margin-left: 10px;
}

/*.emoji{
  display:none;
}*/
}