body {
  background-color: lavender;
  color: black;
  font-family: Verdana;
}

    @font-face {
  font-family: 'VeniceClassic';
  src: url('https://windmillos.neocities.org/fonts/VeniceClassic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

  @font-face {
  font-family: 'addsbp';
  src: url('/fonts/addsbp.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

    @font-face {
  font-family: 'PanicTF';
  src: url('https://windmillos.neocities.org/fonts/PanicTF.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

    @font-face {
  font-family: 'PetscopTall';
  src: url('https://windmillos.neocities.org/fonts/PetscopTall.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

    @font-face {
  font-family: 'PetscopWide';
  src: url('https://windmillos.neocities.org/fonts/PetscopWide.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

::-moz-selection { /* Code for Firefox */
  color: #ffffff;
  background: blue;
}

::selection {
  color: #ffffff;
  background: blue;
}

    
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #7183c9;
    border: #7183c9 4px outset;
  border-radius:5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #5b55a3;
    border: #5b55a3 4px inset;
}    
}

html{
  cursor:url('https://static.tumblr.com/xjqjg7j/BPsmxtr7z/10.gif') default;
}

body{
    background-color: #acc4e8;
    font-family: 'PanicTF';
    font-size:22px;
    color:#fff;
}
    
p {
    margin:0px;
    font-weight: 100;
    }
    
hr {
     border:solid #7183c9 1px;
    }
    
blockquote {
    border-left:1px dotted white;
    margin:3px;
    padding-left:4px;
    font-size:16px;
}    

a {
    color:#725ba6;
}

a:hover {
    color:#fff;
}
 
h1 {
    font-size:25px;
    font-weight: 100;
    margin: 0px 0px 10px 0px;
}

    
.wrapper {
  display: grid;
  grid-template-columns: repeat(2, 205px);
  gap: 10px;
  grid-auto-rows: minmax(30px, auto);
}    
    
/*-- Name --*/    

.one {
  padding: 6px;
  grid-column: 1 / 3;
  grid-row: 1;
  background-color: #7a98c4;
    border:3px outset #7a98c4;
    border-radius: 10px;
  text-shadow:#222222 -2px 2px 4px;
}
    
.one img {
    transition-duration: .5s;
}
    
.one img:hover {
  transform: scale(130%);
    transition-duration: .2s;
}
        
    
/*-- Pronouns/Honorifics --*/      
    
.two {
    font-size:15px;
  padding: 3px;
  grid-column: 1;
  grid-row: 2 / 4;
  background-color: #7683c4;
    border:3px outset #7683c4;
    border-radius: 10px;
}

.two img {
    float:right;
    padding:2px;
    mix-blend-mode:luminosity;
}

.two img:hover {
    float:right;
    padding:2px;
    mix-blend-mode:normal;
}
    

/*-- Image --*/        
    
.three {
  padding: 3px;
  grid-column: 1;
  grid-row: 4 / 10;
  background-color: #9eaae6;
    border:3px outset #9eaae6;
    border-radius: 10px;
    overflow: hidden;
}
    
.three img {
    margin:19% auto auto 19%;
    }
    

/*-- Item --*/       
    
.four {
  padding: 3px;
  grid-column:1;
  grid-row: 10 / 12;
  background-color: #ad9ee6;
    border:3px outset #ad9ee6;
    border-radius: 10px;
}

/*-- Stats --*/       
    
.five {
  max-height:272px;
  padding: 3px;
  grid-column:2;
  grid-row: 2 / 9;
  background-color: #8da0eb;
    border:3px outset #8da0eb;
    border-radius: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
}
    
.five ul {
    font-size:20px;
    margin:3px;
    padding-left:20px;
}
    
.five h1{
  margin:0px;
  font-size:17px; 
}

/*-- Ribbons --*/     

.six {
  max-height: 98px;
  padding: 3px;
  grid-column:2;
  grid-row: 9 / 12;
  background-color: #8778c4;
    border:3px outset #8778c4;
    border-radius: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
}

/*-- Extra --*/ 
    
.seven {
  font-size:15px; 
  padding: 3px;
  grid-column: 1 / 3;
  grid-row: 12 / 13;
  background-color: #8da0eb;
    border:3px outset #8da0eb;
    border-radius: 10px;
  overflow-y: scroll;
}


/*-- Healthbar --*/

.healthbar {
  display: grid;
  grid-template-columns: 100% auto;
  grid-auto-rows: minmax(7px, auto);
}
    
.healthpos {
    background-color: #489471;
}
    
.healthneg {
  background-color: #5b55a3;
}