.App{margin:0}.container{flex-direction:column;margin-top:50px}.container p{font-family:Fasthand,cursive}.under{text-decoration:underline}.quote-box{background-image:url(/memoritoo/static/media/cloud-phone.d708b3880b5d08d8c703.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 20px 30px -10px #f4cae4;color:#000;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(12px,2vw,20px);height:100%;margin:30px auto;max-width:500px;padding:30px;width:70vw}.quote-box blockquote{border:none;line-height:1.25;margin-bottom:-30px;quotes:"“" "”" "‘" "’"}.quote-box blockquote h2{font-size:18px;font-size:clamp(12px,2vw,20px)}.quote-box blockquote h2:before{content:open-quote;font-size:30px}.quote-box figcaption{line-height:4;text-align:right}.social{display:flex}.social img{image-rendering:high-quality;opacity:1;padding:10px}.social button{-webkit-animation:buttonFloat 2s infinite forwards;animation:buttonFloat 2s infinite forwards;background-color:transparent;border:1px solid #f4cee1;border-radius:10px;box-shadow:0 8px 24px hsla(45,57%,85%,.2);font-family:Georgia,Times New Roman,Times,serif;font-weight:700;height:50px;margin-left:auto}.social button:hover{cursor:pointer}@-webkit-keyframes buttonFloat{25%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}75%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes buttonFloat{25%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}75%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}.dashboard-container{background-color:#fff;border-radius:10px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);color:#000;margin:10px auto;padding:10px;text-align:center}.dashboard-container h1{font-size:clamp(22px,2.5vw,30px)}.dashboard-container .days ul{display:flex;list-style:none;margin-bottom:0;margin-right:20px}.dashboard-container .days ul li{margin:20px}.dashboard-container .days .day,.dashboard-container .days .day1{border-radius:50%;font-size:clamp(14px,2vw,18px);font-weight:600;height:32px;text-align:center;width:32px}.dashboard-container .days .day1{border:none;color:#515162}.dashboard-container .days .day{background-color:#c8c8cf}.dashboard-container .days .highlight{border:2px solid #000}@media only screen and (max-width:800px){.dashboard-container .days ul{margin-right:30px}.dashboard-container .days ul li{margin:10px}.dashboard-container .days .day,.dashboard-container .days .day1{height:25px;width:25px}}.black,.white{align-items:center;display:flex;flex-direction:column;margin:0;min-height:100vh}.black button,.white button{cursor:pointer}.black{background-color:#000;color:#fff}.black button{cursor:pointer}.header{align-content:center;align-items:center;display:flex;justify-content:space-between;position:relative;width:95vw}.header .container{display:flex;flex-direction:column;margin-top:1%;width:80%}.header .container .avatar{border-radius:50%;margin-left:20px;max-width:60px;width:10vw}.header .container .avatar img{border-radius:50%;width:100%}.header .icon-avatar{align-items:center;display:flex}.header .icon-avatar .login,.header .icon-avatar .logout{background:linear-gradient(30deg,#eeaeca,#94bbe9);border:none;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);font-size:16px;font-weight:600;margin:10px 20px 25px;padding:10px}.header .icon{font-size:clamp(27px,3vw,40px);margin-left:25px}.header .pomodoro{position:absolute;right:0;top:5%;width:20%}.dropdown-menu{margin:5px 10px 0 15px}.dropdown-menu,.name{font-size:clamp(18px,2.5vw,28px)}.name{margin-right:10px}.nav-container{display:flex;flex-direction:column}.nav-container .nav-menu{position:relative}.nav-container h2{cursor:pointer;font-size:clamp(20px,2.5vw,30px)}.nav-container .menu-link{display:flex;flex-direction:column;margin-left:10px;position:absolute}.nav-container .menu-link a{background:#e7d6f4;border:none;border-radius:5%;color:#000;font-size:clamp(14px,1.8vw,20px);font-weight:600;height:10px;margin-bottom:5px;padding:5px 5px 20px;text-decoration:none}.nav-container .menu-link .active{background:#c6a1e3}.nav{align-items:center;display:flex;font-size:clamp(15px,1.8vw,20px);font-weight:700;height:20%;margin:10px;width:80%}.nav .link a{background:#eeaeca;background:linear-gradient(30deg,#eeaeca,#94bbe9);border:none;border-radius:5%;box-shadow:inset 0 0 35px 0 rgba(0,0,0,.25),inset 0 2px 1px 1px hsla(0,0%,100%,0),1px 1px 15px 2px rgba(154,137,164,.5);color:#dad1e6;font-size:1.5em;font-weight:600;height:50px;height:90px;margin:5px;padding:10px;text-decoration:none;width:90px}.nav .link a:hover{box-shadow:inset 0 0 35px 0 rgba(0,0,0,.15),inset 0 2px 1px 1px hsla(0,0%,100%,0),1px 1px 15px 2px rgba(154,137,164,.1);cursor:pointer}.nav .link .active{background:linear-gradient(30deg,#d2b2d4,#b1b7df);box-shadow:inset 0 0 10px 2px rgba(0,0,0,.15),1px 1px 15px 2px rgba(154,137,164,.1);color:#fff}@media only screen and (max-width:800px){.link{display:none}.nav-container .menu-link a{padding:5px 5px 10px}.header .containter{width:40%}.header .pomodoro{width:30%}}.Pomodoro{align-items:center;background:linear-gradient(30deg,#eeadb8,#82b4e6);border-radius:5%;color:#000;display:flex;flex-direction:column;flex-wrap:wrap;font-family:Lumanosimo,cursive;max-width:200px}.break{box-shadow:0 5px 15px rgba(0,0,0,.35);margin-top:10px;text-align:center;width:90%}.break h1{font-size:clamp(18px,2.5vw,25px);padding:10px;word-spacing:10px}.red{box-shadow:0 5px 15px rgba(196,25,25,.35);color:red}.controler{display:flex}.controler .icon{font-size:clamp(18px,2vw,23px);margin:5px}.controler .icon:hover{cursor:pointer}.controler .icon:active{color:#edda48}.setTime{display:flex;font-size:clamp(12px,1.7vw,14px);width:98%}.setTime .counter{box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;justify-content:space-between;margin:5px;text-align:center;width:50%}.setTime .counter .number{align-items:center;display:flex;justify-content:center}.setTime .counter .icon{font-size:clamp(15px,2vw,20px);margin:2px}.setTime .counter .icon:hover{cursor:pointer}.setTime .counter .icon:active{color:#edda48}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.Toastify--animate-icon{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@-webkit-keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;-webkit-transform-origin:right;transform-origin:right}.Toastify__spinner{-webkit-animation:Toastify__spin .65s linear infinite;animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@-webkit-keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}@-webkit-keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}@-webkit-keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}@-webkit-keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown}@-webkit-keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.formQuiz{border:2px solid #b5abab;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);margin-bottom:50px;margin-left:10%;padding:10px;text-align:center;width:80%}.formQuiz .input-container{align-items:center;display:flex;justify-content:center;justify-items:center}.formQuiz .input{display:flex;flex-direction:column}.formQuiz .input textarea{border:1px solid #858080;box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06);font-size:1rem;height:125px;margin:20px;max-width:500px;padding:15px;width:30vw}.formQuiz .input label{font-size:20px;font-weight:700}.formQuiz button{background:#eeaeca;background:linear-gradient(30deg,#c097b2,#8fa2c7);border:none;border-radius:25%;box-shadow:inset 0 0 35px 0 rgba(0,0,0,.25),inset 0 2px 1px 1px hsla(0,0%,100%,0),1px 1px 15px 2px rgba(154,137,164,.5);color:#fff;font-size:1.2em;font-weight:600;height:50px;margin-bottom:20px;width:80px}.formQuiz button:hover{box-shadow:inset 0 0 35px 0 rgba(0,0,0,.15),inset 0 2px 1px 1px hsla(0,0%,100%,0),1px 1px 15px 2px rgba(154,137,164,.1);cursor:pointer}.formQuiz button:active{background:linear-gradient(30deg,#d2b2d4,#b1b7df);box-shadow:inset 0 0 10px 2px rgba(0,0,0,.15),1px 1px 15px 2px rgba(154,137,164,.1);color:#c0b5da}@media only screen and (max-width:800px){.formQuiz{margin-left:5%;width:90%}.formQuiz .input textarea{font-size:.8rem;height:70px;margin-left:5px;margin-right:5px;width:38vw}.formQuiz .input label{font-size:.9rem}.formQuiz button{background:#eeaeca;background:linear-gradient(30deg,#c097b2,#8fa2c7);border:none;border-radius:10%;color:#fff;font-size:.9rem;font-weight:600;height:40px;margin-bottom:20px;width:60px}}.image-upload{display:flex;font-size:25px;justify-content:left;margin:20px}.image-upload input{border-radius:10px;margin-left:10px;margin-right:20px}.image-upload .icon{font-size:30px}.image-upload .image{height:50px;width:50px}.cards{align-items:center;color:#000;display:flex;flex-direction:column-reverse}.cards button{background-color:transparent;border:none;cursor:pointer;font-size:20px;font-weight:700}.new,.single-card{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:grid;grid-template-columns:1fr;grid-template-rows:2fr 1fr;margin:20px;width:80%}.new{grid-template-columns:49% 49%;grid-template-rows:auto;justify-content:space-between}.new textarea{font-size:clamp(12px,1.2vw,16px);height:100px;margin:10px;padding:10px}.star{color:#dba419}.contents{display:grid;grid-row:auto;grid-template-columns:1fr 1fr .5fr;text-align:left}.contents textarea{border:none;border-right:1px solid #000}.content{border-right:1px solid #000;font-size:1.1rem;height:150px;margin:10px;overflow-wrap:break-word;overflow-y:auto;padding-right:10px;word-break:break-word}.image{height:auto;margin-top:5px;width:80%}.adjust-button{display:flex;justify-content:right;margin:0}@media only screen and (max-width:800px){.content{font-size:.8rem;height:100px}}.formAI{display:flex;flex-direction:column}.formAI label{font-size:clamp(14px,2.5vw,20px);font-weight:600;margin:10px 30px 10px 15px}.formAI .define-container,.formAI .term{display:grid;grid-template-columns:10% 70% 15%;grid-template-rows:auto;justify-content:space-between;width:100%}.formAI input,.formAI textarea{border:1px solid #7e7979;border-radius:10px;box-shadow:0 7px 29px 0 rgba(5,5,5,.2);font-size:clamp(15px,2vw,20px);margin:10px 10px 10px 15px;padding:10px}.formAI button{font-size:clamp(12px,2vw,18px);margin:10px 50px 10px 15px;max-width:80px;width:75%}.formAI .define-container label{font-size:clamp(14px,2vw,18px)}.formAI textarea{border-radius:5px;font-size:clamp(14px,1.2vw,20px);height:150px}@media only screen and (max-width:800px){.formAI textarea{height:100px}}.loading-spinner{align-items:center;display:flex;justify-content:center}.bouncing-ball{-webkit-animation:bounce 1.5s ease-in-out infinite,changeColor 3s linear infinite;animation:bounce 1.5s ease-in-out infinite,changeColor 3s linear infinite;border-radius:50%;height:40px;position:relative;width:40px}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@-webkit-keyframes changeColor{0%,to{background-color:#3498db}25%{background-color:#e74c3c}50%{background-color:#2ecc71}75%{background-color:#f39c12}}@keyframes changeColor{0%,to{background-color:#3498db}25%{background-color:#e74c3c}50%{background-color:#2ecc71}75%{background-color:#f39c12}}.questAI{display:flex;flex-direction:column}.questAI button{font-size:clamp(12px,2vw,18px);margin:10px 50px 10px 15px;max-width:80px;width:80%}.questAI .quest-container{width:100%}.questAI .quest-container textarea{font-size:clamp(12px,1.3vw,16px);height:150px;margin:10px;padding:10px;width:45%}.questAI .inputAI{display:grid;grid-template-columns:15% 60% 15%;grid-template-rows:auto;justify-content:space-between;margin-bottom:10px}.questAI .inputAI input{border:1px solid #434141;border-radius:5px;font-size:clamp(15px,1.5vw,20px);margin:10px 50px 10px 15px;padding:10px}@media only screen and (max-width:1200px){.questAI .quest-container textarea{margin:5px}}@media only screen and (max-width:800px){.questAI .inputAI{padding:5px}.questAI .quest-container textarea{height:100px;margin:5px;padding:5px}}.formMode{font-size:clamp(15px,2vw,18px);font-weight:600;margin-bottom:40px;margin-left:10%;padding:5px}.moduleTitle{margin-top:70px;width:100vw}.moduleTitle h1,.moduleTitle h2{font-size:clamp(18px,2.5vw,21px);font-weight:600}.moduleTitle .corner,.moduleTitle .formMode,.moduleTitle .inMiddle{margin-left:10%}.moduleTitle .iconSun{color:#d43131}.moduleTitle .iconMoon{color:#ebeb13}.moduleTitle .formMode{font-size:clamp(15px,2vw,18px);font-weight:600;margin-bottom:40px;padding:5px}@media only screen and (max-width:800px){.formMode,.moduleTitle .corner,.moduleTitle .formMode,.moduleTitle .inMiddle{margin-left:5%}}.folderTitle{font-size:25px;font-weight:700;margin:30px;text-align:center}.folder{font-family:Times New Roman,Times,serif;width:100%}.folder,.folder form{align-items:center;display:flex;flex-direction:column}.folder form input{border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);font-size:20px;height:100px;margin:20px;max-width:500px;width:70vw}.folder form button{background:#eeaeca;background:linear-gradient(30deg,#eeaeca,#94bbe9);border:none;border-radius:35%;box-shadow:inset 0 0 35px 0 rgba(0,0,0,.25),inset 0 2px 1px 1px hsla(0,0%,100%,0),1px 1px 15px 2px rgba(154,137,164,.5);color:#fff;font-size:1em;font-weight:600;height:50px;margin-bottom:50px;width:70px}.folder form button:hover{box-shadow:inset 0 0 35px 0 rgba(0,0,0,.15),inset 0 2px 1px 1px hsla(0,0%,100%,0),1px 1px 15px 2px rgba(154,137,164,.1);cursor:pointer}.folder form button:active{background:linear-gradient(30deg,#d2b2d4,#b1b7df);box-shadow:inset 0 0 10px 2px rgba(0,0,0,.15),1px 1px 15px 2px rgba(154,137,164,.1);color:#c0b5da}.reverse{display:flex;flex-direction:column-reverse}.card{background-color:#fcfcfd;border:1px solid #000;border-radius:10px;display:flex;font-size:2rem;font-weight:700;justify-content:space-between;margin:20px;max-width:500px;padding:25px;width:70vw}.card a{color:#000}.card input{font-size:clamp(12px,1.5em,18px)}.card .container{cursor:pointer;display:inline-block;font-size:22px;margin:10px;position:relative}.card .content{border:none;color:#535151;font-size:12px;left:0;opacity:0;padding:8px 12px;position:absolute;text-align:center;top:150%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;white-space:nowrap}.card .container:hover .content{opacity:1}.adjust-button button{background-color:transparent;border:none;cursor:pointer;font-size:20px;font-weight:700;margin:5px}@media only screen and (max-width:768px){.card .container{font-size:16px}.card .content{font-size:10px;top:50%}}.container{align-items:flex-start;display:flex;text-align:center}.container h1,.container h2{font-size:clamp(18px,2.5vw,21px);font-weight:600}.container .corner,.container .inMiddle,.container .menu{margin-left:10%}.container .iconSun{color:#d43131}.container .iconMoon{color:#ebeb13}.container .menu{display:flex;margin-bottom:20px}.container .menu button,.container .menu select{background-color:#eae4fc;border:none;box-shadow:0 5px 15px rgba(0,0,0,.35);font-size:clamp(15px,2vw,20px);font-weight:600;margin-right:20px;padding:8px;text-align:center}.container .link-container{position:relative}.container .button{display:flex;flex-direction:column;position:absolute;text-align:left}.container .button a{background-color:#eae4fc;border:none;box-shadow:0 5px 15px rgba(0,0,0,.35);color:#000;font-size:clamp(12px,1.5vw,18px);font-weight:600;margin-right:20px;padding:8px;text-decoration:none}.container .button .active{background-color:#8e7fbb;color:#fff}.container .child{width:100vw}.study-container{align-items:center;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.35);font-family:Times New Roman,Times,serif;margin:20px auto;max-width:750px;padding:20px;width:70vw}.study-container,.study-container .study-form{display:flex;flex-direction:column}.study-container .next,.study-container .submit{background-color:#f0c648;box-shadow:0 5px 15px rgba(0,0,0,.35);font-size:clamp(13px,1.6vw,15px)}.study-container .submit{background-color:#fff}.study-container .submit button{background-color:#f0c648;border:none;border-radius:5px;font-weight:600;padding:10px}.study-container .next{color:#000;font-weight:600;padding:5px}.study-container .next-container{align-content:flex-end;align-items:right;display:flex;justify-content:flex-end;justify-items:flex-end;width:100%}.study-container .answer{height:150px;width:80%}.study-container .lightbub{border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);color:#e8d508;margin-right:20px;padding:5px}.study-container .study-term,.study-container textarea{font-size:clamp(15px,2vw,20px);font-weight:500;height:120px;margin-bottom:20px;max-width:600px;overflow-wrap:break-word;overflow-y:auto;padding:5px;text-align:left;width:70vw}.study-container .study-term{border:none}.study-container textarea{font-family:Times New Roman,Times,serif;height:70px}.study-container .again-container{display:flex}.study-container .again-container .again-icon{border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);color:red;padding:5px}.study-container .perfect{color:#000;font-family:Times New Roman,Times,serif;font-size:clamp(12px,1.8vw,16px);height:150px;margin:10px auto 0;overflow-y:auto;text-align:left;width:100%}.study-container .perfect p{margin:0 auto 0 5px}.study-container .perfect textarea{background-color:transparent;border:none;font-size:clamp(13px,1.8vw,16px);margin-bottom:0;width:97%}.study-container .congratulation{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.study-container .congratulation h1,.study-container .congratulation h2{-webkit-animation:colorChange 3s infinite;animation:colorChange 3s infinite;border-radius:10px;color:#000;font-size:2rem;margin:0 0 10px;padding:10px}@-webkit-keyframes colorChange{0%{background-color:rgba(82,31,31,.5)}10%{background-color:rgba(249,71,0,.5)}20%{background-color:rgba(255,128,1,.5)}30%{background-color:rgba(255,196,2,.5)}40%{background-color:rgba(106,0,226,.5)}50%{background-color:rgba(225,0,225,.5)}60%{background-color:rgba(0,255,8,.5)}80%{background-color:rgba(222,0,111,.5)}to{background-color:rgba(31,233,20,.5)}}@keyframes colorChange{0%{background-color:rgba(82,31,31,.5)}10%{background-color:rgba(249,71,0,.5)}20%{background-color:rgba(255,128,1,.5)}30%{background-color:rgba(255,196,2,.5)}40%{background-color:rgba(106,0,226,.5)}50%{background-color:rgba(225,0,225,.5)}60%{background-color:rgba(0,255,8,.5)}80%{background-color:rgba(222,0,111,.5)}to{background-color:rgba(31,233,20,.5)}}.study-container .congratulation button{background-color:#fad840;border:none;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);font-weight:600;margin-bottom:10px;padding:10px}.study-container .congratulation img{height:auto;width:80%}@media only screen and (max-width:800px){.study-container{height:380px;padding:10px;width:80vw}.study-container .study-term,.study-container textarea{height:80px;width:70vw}.study-container textarea{height:50px}.study-container .perfect{height:120px;width:100%}.study-container .answer{height:170px;width:75vw}.study-container .congratulation h1{font-size:1.5rem;margin-bottom:20px;padding:5px}.study-container .congratulation img{margin-top:10px;width:80%}}.login-container{align-items:center;background-color:#fff;box-shadow:0 2px 4px 0 rgba(14,30,37,.12),0 2px 16px 0 rgba(14,30,37,.32);color:#000;display:flex;flex-direction:column;font-size:clamp(12px,2.5vw,15px);margin:80px auto;padding:50px;text-align:center}.login-container h3{color:red}.login-container .login{display:flex;flex-direction:column;text-align:left;width:90%}.login-container label{font-weight:600;margin-bottom:10px;margin-top:10px}.login-container input{padding:10px}.login-container button{background-color:#eec41f;border:none;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07);font-weight:600;margin:20px auto;padding:7px;width:40%}.game-container{align-items:center;display:flex;flex-direction:column;width:100vw}.game-container button{background-color:#f5be19;border:none;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);font-size:clamp(15px,2.5vw,22px);font-weight:900;margin-bottom:30px;padding:10px}.game{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto;margin-bottom:50px;margin-top:10px;width:90vw}.card-game{align-items:center;border-radius:5px;color:#0b0a0a;display:flex;font-size:clamp(12px,1.5vw,18px);justify-content:center;overflow-wrap:break-word;overflow-y:auto;padding:5px}.card-game p{max-height:150px;max-width:200px}.termCard0{background-color:#a569e5;grid-column:3;grid-row:0}.defineCard0{background-color:#a6ec55;grid-column:2;grid-row:1}.termCard1{background-color:#a56f0b;grid-column:2;grid-row:2}.defineCard1{background-color:#a6ec55;grid-column:1;grid-row:0}.termCard2{grid-column:3;grid-row:2}.defineCard2,.termCard2{background-color:#a56f0b}.defineCard2{grid-column:0;grid-row:3}.termCard3{background-color:#518908;grid-column:3;grid-row:1}.defineCard3{background-color:#a56f0b;grid-column:2;grid-row:0}.termCard4{grid-row:0}.defineCard4,.termCard4{background-color:#a6ec55;grid-column:0}.defineCard4{grid-row:2}.termCard5{background-color:#a6ec55;grid-column:1;grid-row:1}.defineCard5{background-color:#eb7e35;grid-column:1;grid-row:2}.termCard6{background-color:#518908;grid-column:1;grid-row:3}.defineCard6{background-color:#9c9c12;grid-column:2;grid-row:3}.termCard7{background-color:#edd04c;grid-column:0;grid-row:1}.defineCard7{background-color:#a569e5;grid-column:3;grid-row:3}.del{background-color:#fff}.container-flashcard{display:flex;flex-direction:column;width:100vw}.container-flashcard .toolbar-container{display:flex;margin-left:10%}.container-flashcard .toolbar-container .icon{margin:20px}.flip{grid-gap:10px;background-color:#7fffd4;background-color:#fff;border:1px solid #fff;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:grid;grid-template-areas:"a c c c c c m " "a c c c c c m " "a c c c c c m " "s img img img img img r " "e e f t v w d";grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr);height:500px;margin:10px auto;max-width:800px;text-align:center;width:100vw}.flip .s{grid-area:s}.flip .t{grid-area:t}.flip .c{font-weight:300;grid-area:c;overflow-y:auto}.flip .v{grid-area:v}.flip .r{grid-area:r}.flip .w{grid-area:w}.flip .f{grid-area:f}.flip .d{grid-area:d}.flip .img{grid-area:img;justify-self:center;width:150px}.flip .icon{color:#000;font-size:1.25rem}.flip .star{color:#e5e22d}.flip textarea{border:none;font-family:Open Sans,sans-serif;font-size:clamp(14px,2vw,20px)}.flip .center{text-align:center}.flip .left{text-align:left}.flip .right{text-align:right}.toolbar-container{display:flex;flex-direction:column;position:relative}.toolbar-container .icon{font-size:1rem}.toolbar-container .toolbar{background-color:#dbcaf0;border-radius:5px;display:flex;padding:5px;position:absolute;right:10%;top:-70%}.toolbar-container .toolbar .icon{margin:5px}@media only screen and (max-width:800px){.flip{height:40vh;width:90vw}.flip .img{height:100%;width:13vw}.toolbar-container .icon{font-size:.8rem}}.landing-container{align-items:center;display:flex;flex-direction:column;font-size:clamp(14px,2vw,18px);text-align:center}.start-login{background-color:#ebbe4e;border-radius:5px;box-shadow:0 2px 4px 0 rgba(14,30,37,.12),0 2px 16px 0 rgba(14,30,37,.32);color:#000;font-size:clamp(16px,2.5vw,122px);font-weight:900;padding:8px;text-decoration:none}h2{margin:30px}.video{margin-bottom:50px;margin-top:50px;max-height:200px;max-width:800px;overflow:hidden;padding-bottom:56.25%;position:relative;width:90vw}.video iframe{border:none;height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.headingT{-webkit-animation:fadeInT 4s ease-in-out;animation:fadeInT 4s ease-in-out;font-size:12vw;font-weight:900;margin-top:70px}@-webkit-keyframes fadeInT{0%{opacity:0}10%{opacity:.1}15%{opacity:.15}25%{opacity:.25}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}75%{opacity:.75}90%{opacity:.9}to{opacity:1}}@keyframes fadeInT{0%{opacity:0}10%{opacity:.1}15%{opacity:.15}25%{opacity:.25}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}75%{opacity:.75}90%{opacity:.9}to{opacity:1}}.heading{display:inline-block;font-size:clamp(20px,2.5vw,30px)}.heading span{opacity:0}@-webkit-keyframes fadeIn{to{opacity:1}}@keyframes fadeIn{to{opacity:1}}.heading span:first-child{--index:1}.heading span:first-child,.heading span:nth-child(2){-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out;-webkit-animation-delay:calc(.3s*(var(--index) + 1));animation-delay:calc(.3s*(var(--index) + 1));-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.heading span:nth-child(2){--index:2}.heading span:nth-child(3){--index:3}.heading span:nth-child(3),.heading span:nth-child(4){-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out;-webkit-animation-delay:calc(.3s*(var(--index) + 1));animation-delay:calc(.3s*(var(--index) + 1));-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.heading span:nth-child(4){--index:4}.heading span:nth-child(5){--index:5}.heading span:nth-child(5),.heading span:nth-child(6){-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out;-webkit-animation-delay:calc(.3s*(var(--index) + 1));animation-delay:calc(.3s*(var(--index) + 1));-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.heading span:nth-child(6){--index:6}.heading span:nth-child(7){--index:7}.heading span:nth-child(7),.heading span:nth-child(8){-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out;-webkit-animation-delay:calc(.3s*(var(--index) + 1));animation-delay:calc(.3s*(var(--index) + 1));-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.heading span:nth-child(8){--index:8}.heading span:nth-child(9){--index:9}.heading span:nth-child(10),.heading span:nth-child(9){-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out;-webkit-animation-delay:calc(.3s*(var(--index) + 1));animation-delay:calc(.3s*(var(--index) + 1));-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.heading span:nth-child(10){--index:10}.heading span:nth-child(11){--index:11}.heading span:nth-child(11),.heading span:nth-child(12){-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out;-webkit-animation-delay:calc(.3s*(var(--index) + 1));animation-delay:calc(.3s*(var(--index) + 1));-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.heading span:nth-child(12){--index:12}.heading span:nth-child(13){--index:13;-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out;-webkit-animation-delay:calc(.3s*(var(--index) + 1));animation-delay:calc(.3s*(var(--index) + 1));-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.get-attention{margin:10px auto;width:70vw}.get-attention .hand{-webkit-animation:swing 2s ease-in-out infinite;animation:swing 2s ease-in-out infinite;display:inline-block;-webkit-transform-origin:bottom right;transform-origin:bottom right}.works-container{background-color:#eff4f7;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);color:#000;padding:15px;text-align:left}.works-container:hover{scale:1.1}.content-containers{grid-gap:15px;display:grid;gap:15px;grid-row:auto;grid-template-columns:32% 32% 32%;justify-items:center;margin:60px auto;width:90vw}.bold{font-weight:600}@-webkit-keyframes swing{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes swing{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}.footer{border-top:1px solid #000;font-size:clamp(12px,1.5vw,15px);margin-top:30px;padding:3px}@media only screen and (max-width:800px){.get-attention{width:80vw}.content-containers{display:grid;grid-template-columns:48% 48%}}.story-container{align-items:center;display:flex;flex-direction:column;width:100vw}.story-container button{background-color:#e3c51e;border:none;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);font-size:clamp(15px,2.5vw,22px);font-weight:900;margin-bottom:50px;margin-top:30px;padding:10px}.story-no{display:flex;justify-content:center}.story-no button{background-color:#e3c51e;border:none;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);font-size:clamp(15px,2.5vw,22px);font-weight:900;margin-bottom:50px;margin-top:30px;padding:10px}.story{background-color:#fff;border-radius:10px;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);display:grid;grid-row:auto;grid-template-columns:40% 55%;margin-bottom:50px;width:90vw}.story .img{margin:0 10px 30px 15px;width:95%}.story .img img{height:auto;margin-top:60px;width:100%}.story .content{display:flex;flex-direction:column;height:550px;text-align:center;width:100%}.story .content h1{font-size:clamp(12px,2vw,18px);text-align:center}.story .content textarea{border:none;font-size:clamp(12px,2vw,18px);height:95%;margin-bottom:20px;padding:10px;width:95%}@media only screen and (max-width:800px){.story{align-items:center;display:flex;flex-direction:column;width:95vw}.story .img{width:40vw}.story .img img{margin-top:15px}.story .content{align-items:center;height:350px;margin-left:15px;margin-right:15px;width:90vw}.story .content textarea{width:95%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.453639c2.css.map*/