@font-face {
    font-family: 'Chakra Petch Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Chakra Petch Regular'), url('../media/game-rules-assets/ChakraPetch-Regular.6fbf571588758fa3.woff') format('woff');
}
    
@font-face {
    font-family: 'Chakra Petch Medium Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Chakra Petch Medium Regular'), url('../media/game-rules-assets/ChakraPetch-Medium.5c34df164eef3f79.woff') format('woff');
    }
#close-game-rules{
    display:block;
    position:fixed;
    top:30px;
    right:30px;
    width:80px;
    height:80px;
    background-image: url("../media/game-rules-assets/game-rules-close-button.119e5fe4bc734589.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    
}
#game-rules-logo{
   background-image: url("../media/game-rules-assets/game-logo.f68c24ca2b6110a2.png");
   background-position: 50% 0%;
   width:350px;
   height:250px;
   left:50%;
   position: relative;
   transform: translate(-50%, 0);
}
#game-rules-content{
    pointer-events: none;
}
#game-rules-bottom-bar{
    width:100%;
    position: fixed;
    background: black;
    color: rgba(255, 255, 255, 0.7);
    left: 0;
    bottom: 0;
    text-align: center;
    font-family: 'Chakra Petch Medium Regular', sans-serif;
}
#game-rules{
   display:none;
   background-repeat: no-repeat;
   width:100vw;
   height:100vh;
   position:relative;
   background-color: black;
   padding: 40px;
   padding-bottom:30vh;
   text-align: left;
   color: white;
   box-sizing:border-box;
   font-family: 'Chakra Petch Medium Regular', sans-serif;
   overflow:scroll;
   overflow-x: hidden;
   overscroll-behavior: contain;
   scrollbar-color: grey black;
   scrollbar-width: thin;
   
   
   word-break: break-word;
   overflow-wrap: break-word;
   word-wrap: break-word;
}
#game-rules h1{
    font-size:3em;
}
#game-rules h2{
    font-size:2.5em;
}
#game-rules h3{
    font-size:2em;
}
#game-rules h4{
    font-size:1.5em;
}
#game-rules p{
    font-family: 'Chakra Petch Regular', sans-serif;
    font-size: 1.25em;
}

#game-rules ul li{
    font-size: 1em;
}