.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}