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

@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;            
}

hr {
            
    border: transparent;
    border-top: 1.5px dotted;
}
                

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)
        }   

.nav {
    
    margin-top: 5px;
}

hr {
            
            border: transparent;
            border-top: 1.5px black dotted;
        }

#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;
}

 .thistle {
   
            border: 26px solid transparent;
            padding: 15px;
            border-image: url(/assets/borders/thistle.png) 26 round;
            overflow: auto;
            margin: 5px;
    }