Basic Deadly Dark Twine Stylesheet Template for Harlowe

@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
/*TWINE BASIC STYLESHEET TEMPLATE FOR HARLOWE 3.3.8 - DEADLY DARK*/
/*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: #3f2c2c;
   color: #994747;
   font: 40px "Shadows Into Light"; /*see: https://www.w3schools.com/Css/css_font.asp*/
   font-family: "Shadows Into Light", cursive;
}

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

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

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

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

/*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: #2f0000;
    color: default;
    /*creating a tall solid bar...for dramatic effect! or something!*/
    height: 2000px;
    margin-top:-150px;
    overflow: visible;
}
tw-icon[title="Undo"] { /*this styles the undo button*/
    display: default;
    visibility: hidden;
    opacity: default; /*from 0-100%*/
    background-color: default;
    color: default;
}
tw-icon[title="Redo"] { /*this styles the redo button*/
    display: default;
    visibility: hidden;
    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 "terror" respectively!
*/
tw-story[tags~="forest"]{
    background-color: #3e6158;
    color: #769188;
}

tw-story[tags~="terror"]{
    background-color: #ba2c2c;
    color: #670000;
}
/*END OF TEMPLATE*/