@font-face {
  font-family: carolgothic;
  src: url(/assets/CarolGothic.ttf);
}

@font-face {
  font-family: voxel;
  src: url(/assets/Voxel.otf);
}

@font-face {
    font-family: 'goudy';
    font-style: normal;
    font-weight: normal;
    src: local('Goudy Old Style'), url('GOUDOS.woff') format('woff');
    }

::-webkit-scrollbar {
  display: none;
}
 
body {
    
    color: #5b3e22;
    -webkit-font-smoothing: antialiased;
    font-family: 'baskerville', serif; 
    cursor: url(https://files.catbox.moe/flb2re), auto;
}

::selection {
            
    background-color: #F5CDE1;
}

#pink {
            
    background-color: lavenderblush;
    
}
    
#yellow {

    background-color: #FEF7D4
}
        
#blue {

    background-color: #DBF1FB;    
}

#purple {
    
    background-color: lavender;
}

#peach {
    
    background-color: peachpuff;
}

.quiet {
    
    font-family: inherit;
    text-decoration: none;
    color: inherit;
}

.quiet:hover {
    text-decoration: none;
    
}

button {
    
    font-family: "times new roman", serif;

}


a {
    
    text-decoration: none;
}

a:hover {
    
    text-decoration: underline;

}

h1, h2, h3 {
    
    font-weight: 100;
}

h2 {
            
    font-family: monospace;
    font-weight: 500;
    text-align: left;
    font-size: 1rem;
}
        

h2::before {

    content: '⟣ ';
}

h3 {
    
    color: gray;
    font-family: monospace;

    font-weight: 100;            
}                

ul li {

    list-style: none;        
}
        
ul li::before {
            
            content: '';
            display: inline-block;
            margin-right: 10px;
            height: 10px;
            width: 10px;
            background-repeat: no-repeat;
            background-image: url(/assets/deco/star22.svg);
            vertical-align: middle;
        }   

.nolist::before {
        
    background-image: none;
}
.nav {
    
    margin-top: 5px;
}

hr {

    border: transparent;
    border-top: 1.5px #5b3e22 dotted;    
}

#scribbleanimals {
   
    border: none;
    height: 50px;
    background-image: url(/assets/deco/scribbleanimals.gif);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: center; 
    image-rendering: pixelated;

    
    
}

#sparkles {
    
    border: none;
    height: 50px;
    background-image: url(/assets/deco/sparkles.webp);
    background-size: auto 100%;
      /*
      the width of the image will be automatically determined
      while the height will be 100% of the element width (in this case its 50px)
      */
    background-repeat: no-repeat; /* the bg wont repeat */
    background-position: center; /* bg will be centered */
    image-rendering: pixelated;
  }

}

#dot {
    
    text-decoration: 1px underline dotted blue;
}       

.outlink:after {
    
    content:url(/assets/outlink2.png);
    padding-left:3px;
    
}