Basic Cozy Cute Twine Stylesheet Template for Harlowe

/*TWINE BASIC STYLESHEET TEMPLATE FOR HARLOWE 3.3.8 - COZY CUTE*/
/*I made this as an easy to understand sheet for beginners with lots of comments to explain things!
* This is also just what I normally use for most of my Twine games!
THIS IS A PRE-FILLED VERSION OF MY TEMPLATE. For a blank version or a different version, please see what other options I have on my site under Twine Help -> https://samsillycorner.neocities.org/cookie_lords_games*/
tw-story { /*this styles the whole game*/
   background-color: #f2ccb3;
   color: #593c28;
   font: 30px "Georgia"; /*see: https://www.w3schools.com/Css/css_font.asp*/
   font-family: "Georgia", serif;
}

tw-link,enchantment-link{ /*this styles regular passage links*/
    background-color: #ffffff;
    color: #b24f7e;
}

tw-link:hover,enchantment-link:hover{ /*this styles regular passage links when hovered over with a cursor*/
    background-color: #ffffff;
    color: #ea7aaf;
}

tw-link.visited,enchantment-link.visited{ /*this styles links to passages you have already visited before*/
    background-color: #ffffff;
    color: #c2693f;
}

tw-link.visited:hover,enchantment-link.visited:hover{ /*this styles visited passage links you hover over*/
    background-color: #ffffff;
    color: #c48e75;
}

/*SIDEBAR -- these affect Twine's built in sidebar
* display: switch to none if you want to remove a feature from the sidebar. see this for more info -> https://www.w3schools.com/cssref/pr_class_display.php
* visibility: switch to hidden if you want to hide a feature that still takes up space on the sidebar. see this for more info -> https://www.w3schools.com/cssref/pr_class_visibility.php
*/
tw-sidebar { /*this styles the sidebar itself - the box where the buttons sit*/
    display: default;
    visibility: default;
    opacity: default; /*from 0-100%*/
    background-color: default;
    color: default;
}
tw-icon[title="Undo"] { /*this styles the undo button*/
    display: default;
    visibility: default;
    opacity: default; /*from 0-100%*/
    background-color: default;
    color: default;
}
tw-icon[title="Redo"] { /*this styles the redo button*/
    display: default;
    visibility: default;
    opacity: default; /*from 0-100%*/
    background-color: default;
    color: default;
}

/*TAGGED PASSAGES -- want specific passages to be different than others? you can do this with tags!
*See the examples below. Try assigning two different passages new tags named "forest" and "night" respectively!
*/
tw-story[tags~="forest"]{
    background-color: #77b08b;
    color: #3c7662;
}

tw-story[tags~="night"]{
    background-color: #47345e;
    color: #c78ec7;
}
/*END OF TEMPLATE*/