*{padding:0;margin:0;border:0}*,:after,:before{box-sizing:border-box}body,html{width:100%;min-width:100%;position:relative;margin:0;padding:0;font-family:Cabin,sans-serif;display:flex;flex-direction:column;min-height:100vh;background:#000 url(img/fon.png) repeat top;overflow-y:hidden}a{text-decoration:none;color:rgba(109,165,210,.37);letter-spacing:1px;-webkit-text-decoration:underline solid rgba(22,150,189,.8);text-decoration:underline solid rgba(22,150,189,.8)}a:hover{color:rgba(243,240,240,.712)}li{list-style:none}.search{width:65%;max-width:1350px;position:relative;font-family:Cabin,sans-serif;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;color:#212529;outline:none}.found,.search{-webkit-user-select:none;-ms-user-select:none;user-select:none}.found{-webkit-appearance:none;width:100%;background-image:url(img/search.png);background-repeat:no-repeat;background-size:34px;background-position:10px 5px;background-color:rgba(245,254,255,.705);border-radius:20px;border:2px solid rgba(85,133,255,.73);color:#171e2f;cursor:text;display:block;font-size:22px;font-weight:400;height:45px;padding:8px 10px 8px 65px}.found:focus{outline:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.cross-inp{position:absolute;width:48px;height:28px;background-image:url(img/cross2.png);background-size:contain;background-position:50%;background-repeat:no-repeat;right:100px;cursor:pointer;opacity:.5;transition:.2s}.cross-inp.load{background-image:none;pointer-events:none;width:24px;height:24px;right:100px;border:4px solid #007bff;border-top-color:transparent;border-radius:50%;animation:loadingspin .75s linear infinite}@keyframes loadingspin{to{transform:rotate(1turn)}}.keyboard{background-image:url(img/keyboard.png);right:170px}.keyboard,.voice{position:absolute;width:48px;height:28px;background-size:contain;background-position:50%;background-repeat:no-repeat;cursor:pointer;opacity:.5;transition:.2s}.voice{background-image:url(img/voice.png);right:130px}.voice.speakPls{bottom:-15px;background-image:none;width:70px;height:70px}.loader{width:100%;height:auto;stroke-linecap:round}.loader circle{fill:none;stroke-width:6;animation-name:preloader;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform-origin:170px 170px;will-change:transform}.loader circle:first-of-type{stroke-dasharray:550px;animation-delay:-.15s}.loader circle:nth-of-type(2){stroke-dasharray:500px;animation-delay:-.3s}.loader circle:nth-of-type(3){stroke-dasharray:450px;animation-delay:-.45s}.loader circle:nth-of-type(4){stroke-dasharray:300px;animation-delay:-.6s}@keyframes preloader{50%{transform:rotate(1turn)}}.keyboard:hover,.voice:hover{opacity:1}main{margin-top:175px;z-index:1}.twinkling,main{position:absolute;top:0;left:0;right:0;bottom:0;width:100%}.twinkling{height:100%;display:block;background:transparent url(img/twinkling.png) repeat top;z-index:0;animation:move-twink-back 200s linear infinite}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}.inform{height:80px;text-align:center;display:block;font-size:22px;color:rgba(181,219,224,.69);text-shadow:2px 2px 10px rgba(0,0,0,.7);font-weight:900;width:80%;margin:0 auto 20px}.inform-voice{color:wheat;text-align:center;color:rgba(250,235,215,.76);margin-bottom:5px}
@media (max-width:990px){.key-btn{height:32px!important;width:30px!important;font-size:12px!important}.Space{width:215px!important}.Backspace,.ShiftLeft,.ShiftRight{width:75px!important}.ControlLeft,.ControlRight,.Tab{width:55px!important}.CapsLock,.Enter{width:70px!important}}@media (max-width:790px){.search{width:97%}.keyboard,.sign__word:before{display:none}.keyboard-pop{display:none!important}.swiper-button-next{right:10px!important}.swiper-button-prev{left:10px!important}}@media (max-width:660px){.sign__word{font-size:4.6rem!important}.inform{font-size:18px}.swiper-button-next{right:5px!important}.swiper-button-prev{left:5px!important}}@media (max-width:520px){.swiper-container{height:440px!important;width:85%!important}.sign__word{font-size:3.6rem!important}.found{padding:8px 10px 8px 45px}.school{display:none}.voice{right:120px}.cross-inp{right:90px}.inform{padding:0 0 0 30px}}@media (max-width:425px){.sign__word{font-size:3rem!important}.voice{display:none}.inform{width:100%;margin:0 auto 50px}.bookmarks{top:130px!important}}
.btn{position:relative;overflow:hidden;width:7rem;color:#5585ff;text-shadow:1px 1px 3px rgba(0,0,0,.5);border:2px solid #5585ff;box-shadow:1px 1px 7px #f0f8ff,-.1px -.1px 12px #f0f8ff;background-color:rgba(29,43,42,.29);cursor:pointer;line-height:2;margin:0;padding:0;border-radius:1.2rem;font-size:1.125rem;outline:none;content:"Search";transition:transform .125s}.btn:active{transform:scale(.9)}.btn:after,.btn:before{position:absolute;opacity:0;border-radius:50%;background-color:rgba(29,43,42,.29);top:50%;left:50%;margin-top:-1.125rem;margin-left:-1.125rem;width:2.25rem;height:2.25rem;content:"";z-index:1}.btn.loading{animation:button-loading .5s forwards}.btn.loading:before{opacity:1;animation:button-dot-intro .5s forwards}.btn.loading:after{opacity:0;animation:button-dot-pulse 1.5s .5s infinite}.btn.ready{text-indent:0;color:transparent;animation:button-ready .333s forwards}.btn.ready,.btn.ready:before{background-color:rgba(29,43,42,.29)}.btn.ready:before{position:absolute;left:0;right:0;top:auto;margin:0;width:auto;height:auto;border-radius:0;color:rgba(163,219,236,.55);content:"found";opacity:0;z-index:2;animation:button-ready-label .5s .275s forwards}.btn.ready:after{opacity:1;animation:button-dot-outro .333s}@keyframes button-loading{20%{color:transparent;transform:scale(1)}40%{border-color:#5585ff;background-color:transparent;transform:scale(1)}60%{transform:scale(.7,1.1);margin-left:1.25rem;width:2.5rem;text-indent:-.6125rem;color:transparent;border-color:#5585ff;background-color:#5585ff}80%{transform:scale(1)}to{margin-left:1.25rem;width:2.5rem;background-color:#5585ff;border-color:#5585ff;color:transparent}}@keyframes button-dot-intro{0%{opacity:0}60%{opacity:1;transform:scale(1)}to{transform:scale(.75)}}@keyframes button-dot-pulse{0%{opacity:1;transform:scale(.75)}15%{transform:scale(.85)}45%{transform:scale(.75)}55%{transform:scale(.95)}85%{transform:scale(.75)}to{opacity:1;transform:scale(.75)}}@keyframes button-ready{0%{margin-left:1.25rem;width:2.5rem}10%{background-color:#5585ff;border-color:#5585ff}70%{margin:0;width:7.25rem;background-color:rgba(29,43,42,.29);transform:scale(1.1)}to{margin:0;width:7rem;border-color:#1a56ec;background-color:rgba(29,43,42,.29)}}@keyframes button-dot-outro{0%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes button-ready-label{0%{opacity:0}to{opacity:1}}
header{z-index:1;position:fixed;height:13em;display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-evenly}header:before{content:"";display:block;position:absolute;left:0;bottom:4em;width:100%;height:25em;z-index:-1;transform:skewY(-3.5deg);background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(img/header1.jpg) 50% 70%,linear-gradient(#4e4376,#2b5876);background-size:cover;border-bottom:.2em solid hsla(0,0%,100%,.22)}.sign{margin-top:-90px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Vibur,cursive}.sign__word{position:relative;font-size:5.6rem;padding-top:18px;text-align:center;line-height:1;color:#c6e2ff;animation:neon .08s ease-in-out infinite alternate}.sign__word:before{position:absolute;content:"";width:70px;height:80px;background-image:url(img/titl.png);background-size:cover;left:-100px;opacity:.6}@keyframes neon{0%{text-shadow:0 0 6px rgba(202,228,225,.92),0 0 30px rgba(202,228,225,.34),0 0 12px rgba(30,132,242,.52),0 0 21px rgba(30,132,242,.92),0 0 34px rgba(30,132,242,.78),0 0 54px rgba(30,132,242,.92)}to{text-shadow:0 0 6px rgba(202,228,225,.98),0 0 30px rgba(202,228,225,.42),0 0 12px rgba(30,132,242,.58),0 0 22px rgba(30,132,242,.84),0 0 38px rgba(30,132,242,.88),0 0 60px #1e84f2}}footer{position:absolute;width:100%;top:90%;z-index:5;padding:35px;background:linear-gradient(354deg,#020024,rgba(0,0,0,.36) 35%,rgba(47,148,171,.08));font-size:21px}.about{display:flex;flex-direction:row;flex:0 0 auto;justify-content:space-evenly}.about a{text-decoration:none}.my-git{position:relative}.my-git:before{position:absolute;content:"";width:40px;height:40px;bottom:-8px;left:-44px;opacity:.5;background-image:url(img/gh.png);background-position:50%;background-size:cover}
.keyboard-pop{display:none}.keyboard-pop.open{display:block;position:absolute;bottom:0;width:100%;z-index:100;background-color:rgba(61,113,165,.43);padding:40px;animation:slideOutUp 1s}@keyframes slideOutUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.keyboard-cont{position:relative;width:100%;margin:0 auto}.keyboard-cont,.keyboard__keys{text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.keyboard__keys{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#dffbff;border-radius:15px;margin:0 auto 40px;padding:10px;border:2px solid hsla(0,0%,72.9%,.4);box-shadow:5px 9px 15px #b0c4de,inset 3px 3px 2px #fff}.key-btn{height:42px;width:40px;border-radius:4px;border:none;color:#2d2d2d;font-family:Orbitron,sans-serif;font-weight:400;background-color:hsla(187,4%,97%,.48);outline:none;box-shadow:3px 6px 2px #609096,1px 1px 9px #fff,inset 1px 1px 2px #fff;cursor:pointer;font-size:16px;-webkit-tap-highlight-color:transparent;position:relative;text-shadow:1px 1px 1px #fff,#000 1px 1px 1px;margin:3px;display:inline-flex;align-items:center;justify-content:center;vertical-align:top}.Space{width:315px;background-color:rgba(186,186,220,.4)}.Backspace,.ShiftLeft,.ShiftRight{width:110px;background-color:rgba(186,186,220,.4)}.ControlLeft,.ControlRight,.Tab{width:75px;background-color:rgba(186,186,220,.4)}.CapsLock,.Enter{width:100px}.AltLeft,.AltRight,.CapsLock,.Delete,.Enter,.MetaLeft{background-color:rgba(186,186,220,.4)}.ControlLeft{background-color:rgba(0,128,128,.4)}.cross{position:absolute;content:"";width:49px;height:47px;margin-left:-70px;margin-top:-12px;background:url(img/cross.png);background-position:50%;background-size:contain;background-color:#e1fbff;border-radius:50%;box-shadow:3px 2px 2px #609096,1px 1px 9px #fff,inset 1px 1px 2px #fff;cursor:pointer}
.swiper-container{width:90%;height:490px}.swiper-slide{width:auto;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#ecebea;height:90%;opacity:.8;overflow:hidden}.swiper-slide:hover{opacity:1}.swiper-button-next,.swiper-button-prev{-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:none;position:absolute;color:#236090;text-shadow:2px 2px 3px #fff,-2px -2px 3px #000}.swiper-button-next{right:20px}.swiper-button-prev{left:20px}.card{position:relative;background:#ecebea;width:100%;height:100%;border-radius:6px;padding:2rem;color:#aaa;box-shadow:0 .25rem .25rem rgba(0,0,0,.2),0 0 1rem rgba(0,0,0,.2);overflow:hidden}.card__image-container{margin:-2rem -2rem 1rem}.card__line{opacity:0}.card__image{width:100%;height:-webkit-fill-available;height:fill-available;-o-object-fit:cover;object-fit:cover;color:#7070cc;font-style:italic;font-size:25px;line-height:200px}.card__content{position:absolute;bottom:0;background-color:#ecebea;width:100%;height:110px;left:0;padding:0 5px 0 8px;animation:ContentFadeIn .4s .4s forwards}.card__svg{position:absolute;left:0;top:195px}.year{font-style:italic;color:#5aafaf}@keyframes ContentFadeIn{0%{opacity:0}to{opacity:1}}.mark{position:relative;width:0;border:20px solid hsla(0,0%,100%,.94);border-bottom-color:transparent;position:absolute;height:45px;right:0;top:0;transition:all .3s ease .1s}.markIcon{display:none;width:30px;height:30px;position:absolute;top:-20px;right:-15px;background-image:url(img/star.png);background-position:50%;background-size:cover;opacity:.4}.markIcon.isAdded{display:block;animation-name:fly;animation-duration:3s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.735,.43,.275,.76)}.mark:hover{height:80px;transition:all .3s ease .1s}.mark.hovered{height:80px;border-right-color:brown;border-top-color:brown;border-left-color:brown}@keyframes fly{0%{opacity:.7;transform:scale(1)}25%{transform:scale(.8)}to{transform:scale(.5) translate(-50vw,100vh)}}.swiper-slide a{position:relative;color:#25231f;font-size:25px;font-weight:600;margin-left:40px;line-height:31px}.swiper-slide a:before{position:absolute;content:"";width:30px;height:50px;left:-42px;top:-15px;background-image:url(img/pop1.png);background-position:50%;background-size:cover}.swiper-slide p{position:absolute;bottom:15px;width:208px;color:#25231f;font-size:18px;font-weight:600;margin-top:10px;margin-left:20px}.swiper-slide .rating{width:100%;position:absolute;bottom:3px;right:3px;margin-top:-25px;display:flex;flex-direction:row;justify-content:flex-end}.circular-chart{display:block;position:relative;height:53px;border:1px solid rgba(175,80,55,.2);border-radius:50%;background-color:rgba(251,253,240,.46)}.rating:before{position:absolute;content:"";width:20px;height:20px;background:url(img/star.png);background-position:50%;background-size:cover;right:56px;bottom:18px;opacity:.5}.circle{stroke:rgba(243,137,91,.86);fill:none;stroke-width:3.5;stroke-linecap:round;animation:progress 1s ease-out forwards}.circle.middle{stroke:rgba(126,106,173,.74)}.circle.low{stroke:rgba(173,72,65,.74)}@keyframes progress{0%{stroke-dasharray:0 100}}.imbd{position:absolute;font-size:23px;color:rgba(39,91,115,.59);font-family:fantasy;margin-top:13px;right:13px}.swiper-pagination{width:100%!important}.swiper-pagination-bullet{width:11px;height:11px;margin:0 5px;background:#fff;opacity:.4}.swiper-pagination-bullet-active{background:rgba(59,118,228,.87)}
.bookmarks{position:absolute;width:65px;height:65px;left:20px;top:90px;background-image:url(img/mark.png);background-size:cover;background-repeat:no-repeat;opacity:.7;cursor:pointer;animation-name:pulse;animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite}.bookmarks,.bookmarks:hover{transition:all .5s ease-in-out}.bookmarks:hover{opacity:1}.bookmarks.rotating{animation:animationFrames .7s ease-in-out;animation-iteration-count:1;-webkit-animation:animationFrames .7s ease-in-out;-webkit-animation-iteration-count:1;-moz-animation:animationFrames ease-in-out .7s;-moz-animation-iteration-count:1;-o-animation:animationFrames ease-in-out .7s;-o-animation-iteration-count:1;-ms-animation:animationFrames ease-in-out .7s;-ms-animation-iteration-count:1}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}@keyframes animationFrames{0%{opacity:.08;transform:rotate(-1turn)}to{opacity:1;transform:rotate(0deg)}}.markMovies{display:block;position:absolute;top:20%;left:19px;z-index:100;background:rgba(2,0,27,.86);width:280px;border-radius:10px;box-shadow:2px 2px 8px rgba(240,255,255,.82),-2px -2px 8px rgba(240,255,255,.88);height:-webkit-max-content;height:max-content;padding:10px;transform:translate(-200%)}.markMovies,.markMovies.showen{transition:transform .5s cubic-bezier(.77,.2,.05,1)}.markMovies.showen{transform-origin:0 0;transform:translate(0)}.menu li{padding:10px 5px 0 30px;font-size:22px;color:#f0f8ff}.menu a{text-decoration:none}.card__delete{position:absolute;font-size:25px;cursor:pointer}.card__delete:hover{color:brown}