.flashcard-holder{height:auto;width:100%;display:block;position:relative}.flashcard-container{width:80%;max-width:600px}.flashcard{height:350px;width:100%;border-radius:25px;box-shadow:0 0 6px rgba(0,0,0,.3);margin:0;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center;align-content:center;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;cursor:pointer;background-color:var(--primary-color);font-weight:700}.flashcard-term{animation:flip-animation .6s;background-color:#fff;color:var(--primary-color)}.flashcard-definition,.flashcard-definition span{animation:flip-back-animation .6s}.flashcard-term span{animation:flip-text-animation .6s}.title-of-flashcard{margin:10px;width:100%}.title-of-flashcard p{width:100%;max-width:600px;font-size:clamp(16px,2vw,26px);line-height:1.5;white-space:pre-wrap;margin:0 auto;word-wrap:break-word}@keyframes flip-animation{0%{transform:rotateX(0deg)}to{transform:rotateX(-179deg)}}@keyframes flip-text-animation{0%{transform:rotateX(0deg)}to{transform:rotateX(-179deg)}}@keyframes flip-back-animation{0%{transform:rotateX(0deg)}to{transform:rotateX(179deg)}}.read-more-window-body p{margin:5px;font-weight:300}.read-more-window-body h3{font-weight:400}.read-more-window-body{height:100%;overflow:auto;margin:5px}.read-more-icon{position:relative}.poet-paragaph{margin-top:30px!important}.background-card{position:relative;top:-310px;right:-5px;z-index:-1}.background-card-2{position:relative;top:-619px;right:-10px;z-index:-2}.flashcard-button{cursor:pointer;background-color:transparent;border:none;font-size:35px;margin:10px}.know-button{color:var(--primary-color)}.back-button{color:var(--text-color);z-index:0}.back-button>label{z-index:0}.dont-know-button{color:var(--danger-color)}.flashcards-function-buttons{width:100%}.flashcards-function-button-holder{width:max-content;margin:20px auto;display:flex;justify-content:center;align-items:center}.replay-button{margin:20px 0}.show-the-poem-button-hover{width:100%;margin:20px 0;display:flex;align-items:center;justify-content:center}.learned-progress{display:block;width:max-content;margin:10px auto}.finished-window-buttons{display:flex;flex-wrap:wrap;max-width:90%;width:max-content;margin:10px auto}.finished-window-buttons button{margin:10px}.learning-progress-title{display:block;margin:5px;font-size:20px;text-align:center}.learning-feedback-holder{height:100%;overflow-y:auto}.porgressbar-holder-div{margin:20px auto;width:80%}.flashcards-holder{overflow-y:hidden}.slide-right{box-shadow:0 5px 15px rgba(0,0,0,.1);animation:moveInArcRight .3s ease-in-out forwards;box-shadow:0 0 30px var(--success-color)}.slide-left,.slide-right{z-index:1;position:absolute;height:350px;width:100%;background-color:var(--primary-color);opacity:.95;transform:rotate(3deg);border-radius:15px;top:0}.slide-left{box-shadow:0 5px 15px rgba(0,0,0,.1);animation:moveInArcLeft .3s ease-in-out forwards;box-shadow:0 0 30px var(--danger-color)}.slide-in{transform:translateX(0)}@keyframes moveInArcRight{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(50%,50%) rotate(45deg);opacity:1}to{opacity:0;transform:translate(100%,100%) rotate(90deg)}}@keyframes moveInArcLeft{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(-50%,50%) rotate(-45deg);opacity:1}to{opacity:0;transform:translate(-100%,100%) rotate(-90deg)}}.flashcard-counter{width:100%;display:flex;justify-content:center;align-items:center;margin:15px 0}.flashcard-counter-container span{font-size:18px;padding:10px;font-weight:300}.number-of-dont-known-flashcards{color:var(--danger-color);border:4px solid var(--danger-color);border-radius:100%}.number-of-dont-known-flashcards,.number-of-known-flashcards{font-size:15px!important;width:38px;height:38px;text-align:center;display:flex;justify-content:center;align-items:center;font-weight:900!important}.number-of-known-flashcards{padding:3px;color:var(--primary-color);border:4px solid var(--primary-color);border-radius:100%}.number-of-cards-counter{margin:0 7px}.flashcard-counter-container{width:max-content;overflow:hidden;border-radius:10px;height:40px;display:flex;align-items:center;box-shadow:0 0 .3px rgba(0,0,0,.1)}.window{width:630px;height:400px;position:fixed;top:135px;left:calc((100% - 630px) / 2);box-shadow:2px 2px 8px rgba(0,0,0,.5);background-color:var(--secondary-background-color);border-radius:8px;z-index:5;padding:0;border:1.5px solid #f5f5f5}.window-body{height:350px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;margin:0;padding:3px 5px}.window-header-container{width:100%;display:flex;justify-content:space-between;margin-bottom:5px}.window-close-button{width:max-content;border:none;background-color:transparent;margin:2px 4px;cursor:pointer;display:flex;justify-content:center;align-items:center}.window-close-button:hover .close-x{color:var(--primary-color)}.window-header-title{display:flex;width:100%;text-align:center;align-items:center;justify-content:center;margin-left:30px}@media screen and (max-width:699px){.window{width:90%;left:5%}}.close-x{color:var(--text-color);font-size:20px}.poet-paragaph{font-style:italic;letter-spacing:1.6px;font-family:var(--poeam-font-family)!important;font-weight:400;font-size:14px}.poet-paragaph p{padding:3px}.highlighed-line{width:max-content}.highlighed-line,.progress-container{background-color:var(--light-primary)}.progress-container{width:100%;height:15px;border-radius:10px;overflow:hidden;padding:2px}.progress-bar{border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,.2)}.select-div{transition:.2s;width:100%;height:50px;border:1px solid var(--primary-font-color-hover);padding:25px 20px;display:flex;align-content:center;justify-content:space-between;align-items:center;cursor:pointer;margin:5px 4px;border-radius:5px;box-shadow:2px 1px 5px rgba(0,0,0,.1);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;background-color:var(--secondary-background-color);height:auto}.select-div-selected{transition:.2s;border:1px solid var(--primary-color);box-shadow:2px 2px 4px rgba(0,0,0,.1)}.select-circle{width:15px;height:15px;border-radius:100%;border:2px solid var(--primary-color);display:flex;justify-content:center;align-items:center}.select-point{width:12px;height:12px;margin:0;background-color:var(--primary-color);border-radius:100%}.select-description{font-size:13px;color:var(--text-color)}.select-title-holder{max-width:calc(100% - 30px);height:100%;display:block}.select-title-holder h3{margin:3px;color:var(--primary-color)}.settings-icon{cursor:pointer}.type-select-grid{height:100%;overflow-x:auto;width:100%;display:flex;max-width:100%;flex-wrap:wrap}.flashcards-holder{display:flex;width:100%;height:calc(100vh - var(--header-height) - var(--header-padding));justify-content:center;padding-top:5px;overflow-x:hidden}.flashcard-settings{width:calc(100% - 20px);padding:5px;display:flex;justify-content:flex-end}.flashcard-settings button{margin:10px;border-radius:5px;color:var(--secondary-font-color)}.last-card-button{width:max-content;margin:0 auto}.last-card-button button{border:none;box-shadow:none}.flashcards-header div{width:max-content}.flashcards-header{justify-content:space-between;flex-direction:row-reverse;display:flex;margin:10px}@media screen and (max-width:600px){.flashcards-header{display:block;width:90%;margin:auto}.flashcards-header div{width:100%}}