body {
    
    background-image: url(https://inkcaps.neocities.org/assets/background/lilacwoodbg.png);
    background-color: #1c1a6e;
    background-size: cover;
    background-attachment: fixed;
    font-size: 1.2rem;
    font-family: "Lusitana";
    color: #050515;
    cursor: url(https://inkcaps.neocities.org/assets/cursors/purplestar.png), auto;
    
    
    

    
}


      
main {
    
    
    background-color: rgba(221, 217, 242, 0.7);
    max-width: 25em;
    height: 20em;
    margin-left: 22em;
    margin-right: auto;
    margin-top: 7em;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0px 0px 50px 50px rgba(221, 217, 242, 0.7);
    text-align: center;
    overflow: auto;
    text-shadow: 0.5px 0.5px #8583e2;
   
   
    
    
    
}

header {

font-family: "California Sun";
text-align: right;
font-size: 3rem;
font-weight: bold;
margin-left: 1.52em;
color: #333399;
text-shadow: 3px 3px #8c8cd9, 2px 2px #b3b3e6, 2px 2px #d9d9f2;
    text-decoration: underline;



}


main i {
    
 


    
    
}

main a:link, main a:visited {
    
    font-weight: bold;
    transition: ease-in-out .4s;
    text-decoration: none;
    color: #3434b2;
    text-shadow: 0.5px 0.5px #d7d7f4;

    
    
}

main a:hover, main a:active {
    
    
    color: #668f3d;
    text-shadow: 0.5px 0.5px #d9e8c9;
    transition: ease-in-out .4s;
    background-color: ghostwhite;
    border-radius: 5px;
    
    
    
}

summary {
    
    
    font-family: "Cardinal";
    font-size: 2.8rem;
    font-weight: bold;
    color: #09092a;
    text-shadow: 2px 1px #5757db, 2px 4px #c0c0f2;
   
    
    
    
    
}

details {
    
    
    background-color: rgba(250, 250, 255, 0.5);
    border-color: rgba(209, 209, 255, 0.8);
    border-radius: 5px;
    border-style: dotted;
    border-width: 2.5px;
    padding: .5em;
    

    
    
}


h1 {
    
    
    font-family: "Cardinal";
    color: #09092a;
    font-size: 3.3rem;
    text-shadow: 2px 2px #5757db, 3px 5px #c0c0f2;
    letter-spacing: .1rem;
    margin: 0px;
    margin-bottom: .5em;
    text-decoration: underline;
    
    
}



 p::first-letter {
     
       font-family: "KellyAnnGothic";
       font-size: 1.8rem;
       vertical-align: baseline;
       line-height: 1.8rem;
     font-weight: bold;
     text-shadow: 2px 1px #7070db;
     
    }


.quote {
    
     background-color: rgba(250, 250, 255, 0.5);
    width: 90%;
    border-color: rgba(209, 209, 255, 0.8);
    border-radius: 5px;
    border-style: dotted;
    border-width: 1.5px;
    border-radius: 5px;
    padding: 1em;
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: left;
    
    
}

.highlight {
    
    display: inline-block;
    background-color: #a69ce2;
    border-radius: 5px;
    padding: .2em;
    
 
    
    
    
}

#covers a:link, #covers a:hover {
    
    background-color: none;
    
    
}

#covers img {



}

#covers img:hover {

    transition: transform ease-in-out .5s;
    transform: scale(1.15);
    
    

}

#covers img:not(hover) {
    
    
    transition: transform ease-in-out .5s;
    
}

footer {
  
  image-rendering: pixelated;
  margin: 2.5em;
  
  
}




#flowers {
    
    background-image: url(https://inkcaps.neocities.org/assets/dividers/tumblr_inline_p7okfrckfI1qm2lsy_400.webp);
    background-repeat: repeat-x;
    width: 100%;
    height: 38px;
    position: absolute;
    bottom: -0;
    left: 0;
    image-rendering: pixelated;
    z-index: 2;
    
    
}

@font-face {
    
    font-family: "Lusitana";
    src: url("https://inkcaps.neocities.org/fonts/Lusitana-Regular.ttf";)
    
    
}

@font-face {
    
    font-family: "Cardinal";
    src: url("https://inkcaps.neocities.org/fonts/Cardinal.ttf");
    
    
}

@font-face {


    font-family: "California Sun";
    src: url("https://inkcaps.neocities.org/fonts/California%20sun.otf");

}

@font-face {
    
    font-family: "KellyAnnGothic";
    src: url("https://inkcaps.neocities.org/fonts/KellyAnnGothic.ttf");
    
    
}


/*Music Player CSS*/

/* play and pause buttons */
            .controls {
                border: none;
                background: none;
                cursor: pointer;
                margin: 0;
                padding: 0;
            }  
  
/*hover effect when mousing over buttons*/            
            .bhover 
            img:hover{
    -webkit-transform: translateY(-1px);
     transform: translateY(-1px);  
            }
            
/*control where the whole music player sits on screen, leave values 0 to keep at bottom left*/            
            .mAdjust
            {
                position:fixed;
                bottom: 0px;
                left: 0px;
            }
                        
 /*changes the font*/  
                        
            .p1 {
                font-family:  verdana, sans-serif;
                font-size: 0.6em;
                color: #ffffff;        
            }  
            
 /*THIS SECTION IS OPTIONAL. If you want to use your own font, upload the font file to your website, and pop the file name and url in the space below respectively. Then in the font family section above, add the file name to the list separated by a comma, next to verdana*/
                        
            @font-face {
                font-family: "FONT FILE NAME HERE";
                src: url('FONT URL HERE') format("opentype");
            }            
            
            /*Music Player CSS end*/