@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&family=Lato:wght@400;700;900&family=Manrope:wght@400;700&display=swap);.main-signin{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:5% 2%}.input-register{padding:10px 20px}.main-signup{gap:20px;margin:5% 2%}.form-register,.main-signup{align-items:center;display:flex;flex-direction:column;justify-content:center}.form-register{gap:15px}.input-register{border:1px solid #a7a7a7;border-radius:10px;padding:1vw 2vw}.href-underline{color:#010306;text-decoration:underline}.signup-agreed{display:flex;flex-direction:row;gap:5px}.a-margin{margin-left:5px}.footer-container{align-items:center;background-color:#f4f4fb;border-bottom:1px solid;border-color:#093fac;box-sizing:border-box;display:flex;flex-direction:row;gap:10px;justify-content:center;justify-content:space-between;margin-top:auto;padding:2vw 1.5vw;width:100%}.footer-container .logo{justify-content:flex-start}.footer-hrefs:hover{color:#093fac}.footer-hrefs:active{text-decoration:underline}.footer-links{align-items:center;display:flex;flex-direction:row;gap:2vw;justify-content:center;padding:10px 0}.footer-links a{color:#010306;font:normal 900 18px Lato;opacity:70%}@media (max-width:870px){.footer-links{align-items:center;display:flex;flex-direction:row;gap:2vw;justify-content:center;padding:1% 0}.footer-links a{font:normal 900 14px Lato;gap:2vw}.text-logo{font:normal 900 18px Lato}}@media (max-width:500px){.footer-links a{font:normal 900 12px Lato}}.auth-check{align-items:flex-end;display:flex;flex-direction:column;gap:5px;justify-content:center}.authdetails-text{font:normal 400 14px Lato;text-align:right}@media (max-width:870px){.authdetails-text{text-align:right}.authdetails-text,.button-logOut{font:normal 400 12px Lato}}.header-container{align-items:center;background-color:#fff;border-bottom:1px solid;border-color:#093fac;box-sizing:border-box;display:flex;flex-direction:row;gap:5em;justify-content:center;justify-content:space-between;padding:2vw 1.5vw;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.header-hrefs{color:#010306;font:normal 900 18px Lato;text-decoration:none}.header__nav{align-items:center;display:flex;flex-direction:row;gap:2vw;justify-content:center;justify-content:space-between}.header__menu-button{display:none}.button-main{background-color:#093fac;border:none;border-radius:10px;color:#f4f4fb}.button-main,.button-secondary{cursor:pointer;font:normal 700 14px Lato;padding:1vw 2vw}.button-secondary{background-color:#f4f4fb;border:1px solid #093fac;border-radius:10px;color:#093fac}.log{gap:15px}.log,.logo{display:flex;flex-direction:row;justify-content:center}.logo{align-items:center;box-sizing:border-box;gap:3px;justify-content:flex-start}.image-logo{max-width:100px;width:10vw}.text-logo{color:#093fac;font:normal 900 24px Lato}a{text-decoration:none}.active{text-decoration:underline}@media (max-width:870px){.text-logo{font:normal 900 18px Lato}.header-hrefs{font:normal 900 14px Lato}}@media (max-width:700px){.header-container{box-sizing:border-box;flex-direction:row-reverse}.header-container .logo{justify-content:flex-end}.header__nav{background-color:#fff;border:1px solid #093fac;border-radius:0 16px 16px 0;display:flex;flex-direction:column;gap:5vw;height:50%;justify-content:flex-start;left:-225px;padding:20vw 0;position:fixed;top:0;transition:transform .5s linear;width:220px}.header__nav.clicked{transform:translateX(100%)}.header__menu-button{background:#fff;border:none;display:block;z-index:200}.header__menu-button .burger-menu{background-color:initial;color:#010306;height:30px;width:30px}a{text-decoration:none}.active{text-decoration:underline}.auth-check{align-items:flex-start;padding-top:70%}}@media (min-width:1200px){.header__nav{gap:4vw}}@media (max-width:700px){.text-logo{font:normal 900 14px Lato}}.cssload-dots{bottom:0;filter:url(#goo);-o-filter:url(#goo);-ms-filter:url(#goo);-webkit-filter:url(#goo);-moz-filter:url(#goo);margin:auto;outline:1px solid red;right:0}.cssload-dot,.cssload-dots{height:0;left:0;position:absolute;top:0;width:0}.cssload-dot:before{background:#6eb2fb;border-radius:49px;content:"";height:34px;left:50%;margin-left:-17.5px;margin-top:-17.5px;position:absolute;transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);width:34px}.cssload-dot:nth-child(5):before{animation:cssload-dot-colors 4.6s ease infinite;-o-animation:cssload-dot-colors 4.6s ease infinite;-ms-animation:cssload-dot-colors 4.6s ease infinite;-webkit-animation:cssload-dot-colors 4.6s ease infinite;-moz-animation:cssload-dot-colors 4.6s ease infinite;height:44.5px;margin-left:-21.75px;margin-top:-21.75px;width:44.5px;z-index:100}.cssload-dot:first-child{animation:cssload-dot-rotate-1 4.6s linear 0s infinite;-o-animation:cssload-dot-rotate-1 4.6s linear 0s infinite;-ms-animation:cssload-dot-rotate-1 4.6s linear 0s infinite;-webkit-animation:cssload-dot-rotate-1 4.6s linear 0s infinite;-moz-animation:cssload-dot-rotate-1 4.6s linear 0s infinite}.cssload-dot:first-child:before{animation:cssload-dot-move 4.6s ease 0s infinite;-o-animation:cssload-dot-move 4.6s ease 0s infinite;-ms-animation:cssload-dot-move 4.6s ease 0s infinite;-webkit-animation:cssload-dot-move 4.6s ease 0s infinite;-moz-animation:cssload-dot-move 4.6s ease 0s infinite;background-color:#d6ff32}.cssload-dot:nth-child(2){animation:cssload-dot-rotate-2 4.6s linear 1.15s infinite;-o-animation:cssload-dot-rotate-2 4.6s linear 1.15s infinite;-ms-animation:cssload-dot-rotate-2 4.6s linear 1.15s infinite;-webkit-animation:cssload-dot-rotate-2 4.6s linear 1.15s infinite;-moz-animation:cssload-dot-rotate-2 4.6s linear 1.15s infinite}.cssload-dot:nth-child(2):before{animation:cssload-dot-move 4.6s ease 1.15s infinite;-o-animation:cssload-dot-move 4.6s ease 1.15s infinite;-ms-animation:cssload-dot-move 4.6s ease 1.15s infinite;-webkit-animation:cssload-dot-move 4.6s ease 1.15s infinite;-moz-animation:cssload-dot-move 4.6s ease 1.15s infinite;background-color:#208bf1}.cssload-dot:nth-child(3){animation:cssload-dot-rotate-3 4.6s linear 2.3s infinite;-o-animation:cssload-dot-rotate-3 4.6s linear 2.3s infinite;-ms-animation:cssload-dot-rotate-3 4.6s linear 2.3s infinite;-webkit-animation:cssload-dot-rotate-3 4.6s linear 2.3s infinite;-moz-animation:cssload-dot-rotate-3 4.6s linear 2.3s infinite}.cssload-dot:nth-child(3):before{animation:cssload-dot-move 4.6s ease 2.3s infinite;-o-animation:cssload-dot-move 4.6s ease 2.3s infinite;-ms-animation:cssload-dot-move 4.6s ease 2.3s infinite;-webkit-animation:cssload-dot-move 4.6s ease 2.3s infinite;-moz-animation:cssload-dot-move 4.6s ease 2.3s infinite;background-color:#2302e1}.cssload-dot:nth-child(4){animation:cssload-dot-rotate-4 4.6s linear 3.45s infinite;-o-animation:cssload-dot-rotate-4 4.6s linear 3.45s infinite;-ms-animation:cssload-dot-rotate-4 4.6s linear 3.45s infinite;-webkit-animation:cssload-dot-rotate-4 4.6s linear 3.45s infinite;-moz-animation:cssload-dot-rotate-4 4.6s linear 3.45s infinite}.cssload-dot:nth-child(4):before{animation:cssload-dot-move 4.6s ease 3.45s infinite;-o-animation:cssload-dot-move 4.6s ease 3.45s infinite;-ms-animation:cssload-dot-move 4.6s ease 3.45s infinite;-webkit-animation:cssload-dot-move 4.6s ease 3.45s infinite;-moz-animation:cssload-dot-move 4.6s ease 3.45s infinite;background-color:#6eb2fb}@keyframes cssload-dot-move{0%{transform:translateY(0)}18%,22%{transform:translateY(-68px)}40%,to{transform:translateY(0)}}@keyframes cssload-dot-colors{0%{background-color:#01fb8f}25%{background-color:#d6ff32}50%{background-color:#208bf1}75%{background-color:#2302e1}to{background-color:#6eb2fb}}@keyframes cssload-dot-rotate-1{0%{transform:rotate(-105deg)}to{transform:rotate(270deg)}}@keyframes cssload-dot-rotate-2{0%{transform:rotate(165deg)}to{transform:rotate(540deg)}}@keyframes cssload-dot-rotate-3{0%{transform:rotate(435deg)}to{transform:rotate(810deg)}}@keyframes cssload-dot-rotate-4{0%{transform:rotate(705deg)}to{transform:rotate(3turn)}}.button-change{border:1px solid #093fac;border-radius:10px;color:#093fac}.button-change,.button-delete{background-color:#f4f4fb;cursor:pointer;font:normal 700 14px Lato;padding:1vw 2vw}.button-delete{border:1px solid #f4f4fb;border-radius:10px;color:#010306}.button-save{background-color:#093fac;border:none;border-radius:10px;color:#f4f4fb;cursor:pointer;font:normal 700 14px Lato;padding:1vw 2vw}.button-save:hover{color:#010306}.button-save:active,.button-save:hover{background-color:#f4f4fb;transition-delay:.2s}.button-save:active{text-decoration:underline}.button-change:hover{border:1px solid #f4f4fb;color:#010306;transition-delay:.2s}.button-change:active{background-color:#f4f4fb}.button-celete:hover,.button-change:active{text-decoration:underline;transition-delay:.2s}.button-delete:active{font-weight:700;transition-delay:.2s}:disabled{background-color:#f4f4fb;color:#a7a7a7}@media (max-width:700px){.button-change,.button-delete,.button-main,.button-save,.button-secondary{font:normal 700 12px Lato;padding:1.2vw 2.5vw}}.card-container{grid-gap:1vw;display:grid;font:normal 400 14px Lato;gap:1vw;grid-template-columns:1fr 1fr 1fr 1fr .7fr .7fr;grid-template-rows:1fr;padding:10px;text-align:center}.card-container,.card-main-container{align-items:center;box-sizing:border-box;color:#010306;justify-content:center;width:100%}.card-main-container{background-color:#f4f4fb;border-bottom:1px solid #d7e3f8;display:flex}.added-word,.added-word-error{align-items:center;border-radius:10px;display:flex;justify-content:center;padding:5px 10px;width:60%}.added-word-error{border-color:#dc0909;border:3px solid #dc0909}.buttons-container{grid-column:5/7}@media (min-width:1100px){.card-container{max-width:1100px}}.cardsList-container{align-items:center;display:flex;justify-content:center;padding:0;width:100%}*{font-family:Lato;margin:0}.App{flex-direction:column;max-width:100%;min-height:100vh}.App,.buttons-container{align-items:center;display:flex;justify-content:center}.buttons-container{flex-direction:row;gap:10px}.notfound-container{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;width:70vw}.notfound-container h1{color:#093fac}.notfound-main{align-items:center;display:flex;flex-direction:row;justify-content:center;max-width:90vw}.image-notfound{width:20vw}.span-notfound{color:#010306;font:normal 700 2em Lato;font-style:italic;max-width:30%}@media (max-width:870px){.span-notfound{font:normal 700 18px Lato}}.trainmode-main{align-items:center;display:flex;flex-direction:column;gap:3vh;justify-content:center}.train-arr{max-height:15px;max-width:30px}.trainmode-container{align-items:center;display:flex;flex-direction:row;gap:10%;justify-content:center;width:70vw}.trainmode-counter{padding-bottom:20px}.react-card-flip{margin:5px 0;width:20vw}.learned-words-count{font:normal 700 18px Lato;margin-top:5px;text-decoration:underline}.trainMode-counter{font:normal 700 14px Lato;margin-top:5px}.text-finish{line-height:1.5;max-width:40vw;text-align:center}@media (max-width:870px){.react-card-flip{margin:5px 0;width:30vw}.learned-words-count{font:normal 700 14px Lato}}.learncard-container{align-items:center;background-color:#f4f4fb;border:1px solid #093fac;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;max-width:100%;padding:30% 20%}.translation-word{color:#093fac;font:normal 700 18px Lato}@media (max-width:700px){.translation-word{font:normal 900 14px Lato}}a:hover{color:#093fac}a:active{text-decoration:underline}.button-main:hover{background-color:#f4f4fb;color:#010306}.button-main:disabled{background-color:#a7a7a7;color:#f4f4fb}.button-main:active{background-color:#f4f4fb;text-decoration:underline}.button-secondary:hover{border:1px solid #f4f4fb;color:#010306}.button-secondary:active{background-color:#f4f4fb;text-decoration:underline}h2{font-size:24px}h3{font-size:18px}h4{font-size:14px}@media (max-width:870px){h1{font-size:26px}h2{font-size:18px}h3{font-size:14px}h4{font-size:12px}}@media (max-width:540px){h1{font-size:20px}h2{font-size:16px}h3{font-size:12px;text-align:center}h4{font-size:10px}}.main-authorization{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin:2%}.main-authorization h4{text-align:center}.main-authorization h1{margin-bottom:10px}.registration{display:flex;flex-direction:row;justify-content:center;margin:1%}.log,.registration{align-items:center;gap:10px}.log{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;justify-items:center}.log h3{grid-column:1/3}.animation-register{max-width:40vw}main{padding:5% 2%}.privaty-container,main{align-items:center;display:flex;flex-direction:column;justify-content:center}.privaty-container{align-items:flex-start;font:normal 400 18px Lato;gap:20px;margin:5% 2%;padding:5px 20px}.privaty-container a{text-decoration:underline}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.41a5ba58.css.map*/