@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@1,9..144,300&display=swap');
 body {
     background-color: #E972B5;
     color: #000000;
     font-family: Arial;
     font-weight: normal;
     font-size: 16px;
     margin: 0;
     padding: 0;
}
 #buy-book-div {
     position: absolute;
     border: none;
     padding: 0px;
     margin: 0px;
     left: 650px;
     top: 20px;
     width: 400px;
     height: 400px;
     z-index: 2;
}
 #meaning-textbox {
     font-family: 'Fraunces', serif;
     font-style: italic;
     font-weight: 300;
     font-size: 20px;
     color: #003d00;
}
 #mmeez-image-div {
     position: absolute;
     border: none;
     padding: 0px;
     margin: 0px;
     left: 650px;
     top: 20px;
     width: 400px;
     height: 400px;
     z-index: 1;
}
 #past-card {
     border: none;
     padding: 0px;
     margin: 0px;
     width: 200px;
     height: 350px;
}
 #past-card-div {
     position: absolute;
     border: none;
     padding: 0px;
     margin: 0px;
     left: 20px;
     top: 20px;
     width: 200px;
     height: 350px;
     z-index: 1;
}
 #past-text {
     position: absolute;
     border: none;
     padding: 0px;
     margin: 0px;
     left: 20px;
     top: 380px;
     width: 200px;
     height: 200px;
     z-index: 1;
}
 #present-card {
     border: none;
     padding: 0px;
     margin: 0px;
     width: 200px;
     height: 350px;
}
 #present-card-div {
     position: absolute;
     border: none;
     padding: 0px;
     margin: 0px;
     left: 230px;
     top: 20px;
     width: 200px;
     height: 350px;
     z-index: 1;
}
 #present-text {
     position: absolute;
     border: none;
     padding: 0px;
     margin: 0px;
     left: 230px;
     top: 380px;
     width: 200px;
     height: 200px;
     z-index: 1;
}
 #future-card {
     border: none;
     padding: 0px;
     margin: 0px;
     width: 200px;
     height: 350px;
}
 #future-card-div {
     position: absolute;
     border: none;
     padding: 0px;
     margin: 0px;
     left: 440px;
     top: 20px;
     width: 200px;
     height: 350px;
     z-index: 1;
}
 #future-text {
     position: absolute;
     border: none;
     padding: 0px;
     margin: 0px;
     left: 440px;
     top: 380px;
     width: 200px;
     height: 200px;
     z-index: 1;
}
 #back-button {
     position: absolute;
     left: 20px;
     top: 600px;
     width:200px;
     height: 60px;
     margin: 30;
     border-color: #003d00;
     background-color: #5FA7EF;
     color: #000000;
     border-width: 2;
     border-radius: 8px;
     border-style: none;
     box-sizing: border-box;
     cursor: pointer;
     display: inline-block;
     font-family: 'Fraunces', serif;
     font-style: italic;
     font-weight: 300;
     font-size: 22px;
     line-height: 20px;
     list-style: none;
     margin: 0;
     outline: none;
     padding: 10px 16px;
     text-align: center;
     text-decoration: none;
     transition: color 100ms;
     vertical-align: baseline;
     user-select: none;
     -webkit-user-select: none;
     touch-action: manipulation;
     z-index: 5;
}
 #back-button:hover, #back-button:focus {
     background-color: #E9721E;
}
 #reload-button {
     position: absolute;
     left: 230px;
     top: 600px;
     width:200px;
     height: 60px;
     margin: 30;
     border-color: #003d00;
     background-color: #5FA7EF;
     color: #000000;
     border-width: 2;
     border-radius: 8px;
     border-style: none;
     box-sizing: border-box;
     cursor: pointer;
     display: inline-block;
     font-family: 'Fraunces', serif;
     font-style: italic;
     font-weight: 300;
     font-size: 22px;
     line-height: 20px;
     list-style: none;
     margin: 0;
     outline: none;
     padding: 10px 16px;
     text-align: center;
     text-decoration: none;
     transition: color 100ms;
     vertical-align: baseline;
     user-select: none;
     -webkit-user-select: none;
     touch-action: manipulation;
     z-index: 5;
}
 #reload-button:hover, #reload-button:focus {
     background-color: #E9721E;
}
 #buy-button {
     position: absolute;
     left: 20px;
     top: 670px;
     width:410px;
     height: 60px;
     margin: 30;
     border-color: #003d00;
     background-color: #5FA7EF;
     color: #000000;
     border-width: 2;
     border-radius: 8px;
     border-style: none;
     box-sizing: border-box;
     cursor: pointer;
     display: inline-block;
     font-family: 'Fraunces', serif;
     font-style: italic;
     font-weight: 300;
     font-size: 22px;
     line-height: 20px;
     list-style: none;
     margin: 0;
     outline: none;
     padding: 10px 16px;
     text-align: center;
     text-decoration: none;
     transition: color 100ms;
     vertical-align: baseline;
     user-select: none;
     -webkit-user-select: none;
     touch-action: manipulation;
     z-index: 5;
}
 #reload-button:hover, #reload-button:focus {
     background-color: #E9721E;
}
 #draw-cards-button {
     position: absolute;
     left: 440px;
     top: 600px;
     width: 200px;
     height: 130px;
     margin: 30;
     border-color: #003d00;
     background-color: #5FA7EF;
     color: #000000;
     border-width: 2;
     border-radius: 8px;
     border-style: none;
     box-sizing: border-box;
     cursor: pointer;
     display: inline-block;
     font-family: 'Fraunces', serif;
     font-style: italic;
     font-weight: 300;
     font-size: 22px;
     line-height: 20px;
     list-style: none;
     margin: 0;
     outline: none;
     padding: 10px 16px;
     text-align: center;
     text-decoration: none;
     transition: color 100ms;
     vertical-align: baseline;
     user-select: none;
     -webkit-user-select: none;
     touch-action: manipulation;
     animation: glowing 1500ms infinite;
     z-index: 5;
}
 #draw-cards-button:hover, #draw-cards-button:focus {
     background-color: #E9721E;
}
 #buy-expanded-div {
     position: absolute;
     border: none;
     padding: 0px;
     margin: 0px;
     left: 20px;
     top: 670px;
     width: 410px;
     height: 600px;
     z-index: 10;
}
 #expanded-buy-button {
     position: relative;
     width: 410px;
     height: 60px;
     margin: 30px;
     border-color: #003d00;
     border-width: 1px 1px 0px 1px;
     background-color: #5FA7EF;
     color: #000000;
     border-radius: 3px;
     border-style: none;
     color: #003d00;
     font-family: 'Fraunces', serif;
     font-style: italic;
     font-weight: 300;
     font-size: 22px;
     line-height: 20px;
     list-style: none;
     margin: 0;
     outline: none;
     padding: 10px 16px;
     text-align: center;
     text-decoration: none;
     cursor: pointer;
     z-index: 20;
}
 #expanded-buy-button:hover, #expanded-buy-button:focus {
     background-color: #E9721E;
}
 #stretch-div {
     position: absolute;
     top: 1400px;
     width: 1px;
     height: 1px;
     left: 20px;
}
 @keyframes glowing {
     0% {
         background-color: #5FA7EF;
         box-shadow: 0 0 3px #5FA7EF;
    }
     33% {
         background-color: #721EE9;
         box-shadow: 0 0 10px #721EE9;
    }
     66% {
         background-color: #E9721E;
         box-shadow: 0 0 3px #E9721E;
    }
     100% {
         background-color: #5FA7EF;
         box-shadow: 0 0 3px #5FA7EF;
    }
}