@keyframes roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media only screen and (max-width:75em){html{font-size:56.25%}}@media only screen and (max-width:56.25em){html{font-size:50%}}body{font-family:Lato,sans-serif;min-height:100%}main{max-width:1440px;margin:0 auto}.keyboard{width:86rem;display:flex;flex-direction:column;justify-content:space-between;height:28.5rem;font-size:1.4rem;background-color:#5b1461;padding:.5rem;box-shadow:0 1.5rem 2rem rgba(0,0,0,.4)}@media only screen and (max-width:56.25em){.keyboard{display:none;visibility:hidden;opacity:0}}.keyboard-row{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:5.5rem}.keyboard-button{background-color:#c6ac25;color:#fff;width:5rem;height:5rem;cursor:pointer;border-radius:5px;display:flex;justify-content:center;align-items:center}.keyboard-button--bac,.keyboard-button--cap{width:9rem}.keyboard-button--spa{width:32rem}.keyboard-button--tab{width:7rem}.keyboard-button--ctr:first-child{width:9rem}.keyboard-button--shi:first-child{width:11rem}.keyboard-button--shi:last-child{width:5rem}.keyboard-button--ent{width:14rem}.keyboard-button--del{width:6rem}.keyboard-button--hover{background-color:#e6c935;transition:all .2s;transform:translateY(-1px)}.keyboard-button--active{background-color:#a18d28;transition:all .2s;transform:translateY(2px)}.keyboard__switcher{width:5rem;height:5rem;background-color:#5b1461;position:absolute;right:-5rem;top:0;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff}@media only screen and (max-width:56.25em){.keyboard__switcher{display:none;visibility:hidden;opacity:0}}.keyboard__switcher:hover{transform:translateY(-1px);box-shadow:0 1.5rem 4rem rgba(0,0,0,.15)}.keyboard__switcher:active{transform:translateY(1px)}.section-result__element--title{width:25rem;text-align:center;font-size:2.5rem;font-weight:900;text-transform:capitalize;color:#38093c;text-decoration:none;border-bottom:3px solid #38093c;margin-bottom:1rem;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.25rem 1rem}.section-result__element--title:hover{transform:scale(1.05);background-color:#38093c;color:#c6ac25;border-bottom:3px solid #c6ac25}@media only screen and (max-width:37.5em){.section-result__element--title{margin-bottom:.5rem}}.section-result__element--placeholder{position:absolute;z-index:1;margin:0;padding:0;height:42rem}.section-result__element--img{width:31rem;height:42rem;background-repeat:no-repeat;background-position:50%;background-size:cover;margin-bottom:1rem;z-index:2}@media only screen and (max-width:56.25em){.section-result__element--img{height:53rem}}@media only screen and (max-width:37.5em){.section-result__element--img{height:42rem;width:31rem}}.section-result__element--year{margin-bottom:.75rem}.section-result__element--rating,.section-result__element--year{font-size:1.8rem;font-weight:900;text-transform:capitalize;color:#a18d28}.roller{display:inline-block;position:fixed;width:64px;height:64px;z-index:10000000;top:50%;left:50%;transform:translate(-50%,-50%)}.roller div{animation:roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:32px 32px}.roller div:first-child{animation-delay:-36ms}.roller div:first-child:after{top:50px;left:50px}.roller div:nth-child(2){animation-delay:-72ms}.roller div:nth-child(2):after{top:54px;left:45px}.roller div:nth-child(3){animation-delay:-.108s}.roller div:nth-child(3):after{top:57px;left:39px}.roller div:nth-child(4){animation-delay:-.144s}.roller div:nth-child(4):after{top:58px;left:32px}.roller div:nth-child(5){animation-delay:-.18s}.roller div:nth-child(5):after{top:57px;left:25px}.roller div:nth-child(6){animation-delay:-.216s}.roller div:nth-child(6):after{top:54px;left:19px}.roller div:nth-child(7){animation-delay:-.252s}.roller div:nth-child(7):after{top:50px;left:14px}.roller div:nth-child(8){animation-delay:-.288s}.roller div:nth-child(8):after{top:45px;left:10px}.roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#5b1461;margin:-3px 0 0 -3px}.black-background{background-color:#000;height:100%;width:100vw;opacity:.4;position:fixed;top:0;left:0;z-index:1000000}.footer{display:flex;flex-direction:row;align-items:center;justify-content:space-around;color:#fff;background-color:#5b1461;height:5rem;margin-top:6.2rem}.footer__github-account-link,.footer__text{font-size:1.6rem;font-weight:600}.footer__github-account-link{color:#fff;text-decoration:underline;transition:all .2s}.footer__github-account-link:hover{color:#c6ac25}.header{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;background-color:#5b1461;height:5rem;margin-bottom:5rem}.header__logo{font-size:2.5rem;font-weight:900;text-align:center}@media only screen and (max-width:56.25em){.header__logo{font-size:3rem}}@media only screen and (max-width:37.5em){.header__logo{margin-bottom:0}}.section-navigation{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.section-navigation__form{width:100%;display:flex;flex-direction:row;position:relative;margin:0 1rem}@media only screen and (max-width:56.25em){.section-navigation__form{flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:72rem}}@media only screen and (max-width:37.5em){.section-navigation__form{width:40rem}}.section-navigation__form--search-bar{flex-grow:3;height:3rem;font-size:1.6rem;border:none;outline:none;cursor:pointer;padding:0 10rem 0 2rem;background-color:#e6c935;color:#fff}.section-navigation__form--search-bar::placeholder{color:#fff}@media only screen and (max-width:56.25em){.section-navigation__form--search-bar{margin-bottom:2rem;padding-right:0;height:5rem;width:70rem;font-size:1.8rem}}@media only screen and (max-width:37.5em){.section-navigation__form--search-bar{width:36rem}}.section-navigation__form--button{margin-left:3rem;padding:1rem 2rem;text-transform:capitalize;font-weight:600;color:#fff;background-color:#5b1461;border:none;outline:none;cursor:pointer;transition:all .2s;border-radius:5px}.section-navigation__form--button:hover{transform:translateY(-1px);box-shadow:0 1.5rem 4rem rgba(0,0,0,.15)}.section-navigation__form--button:active{transform:translateY(1px)}@media only screen and (max-width:56.25em){.section-navigation__form--button{margin-left:0;padding:1.25rem 7rem}}.section-navigation__clear-search-bar-button{position:absolute;right:19rem;cursor:pointer;font-size:3rem;color:#5b1461;transition:all .2s;top:0}.section-navigation__clear-search-bar-button:hover{transform:translateY(-1px);text-shadow:0 1.5rem 4rem rgba(0,0,0,.15);color:#9a2da3}.section-navigation__clear-search-bar-button:active{transform:translateY(1px)}@media only screen and (max-width:56.25em){.section-navigation__clear-search-bar-button{right:2rem;font-size:4.5rem;top:0}}.section-navigation__open-virtual-keyboard-button{cursor:pointer;position:absolute;right:13rem;background-image:url(/assets/keyboard.png);background-repeat:no-repeat;background-blend-mode:screen;background-size:cover;height:3rem;width:3rem;transition:all .2s;fill:#5b1461}.section-navigation__open-virtual-keyboard-button:focus,.section-navigation__open-virtual-keyboard-button:hover{transform:translateY(-1px);box-shadow:0 1.5rem 4rem rgba(0,0,0,.15);fill:#9a2da3}.section-navigation__open-virtual-keyboard-button:active{transform:translateY(1px)}@media only screen and (max-width:56.25em){.section-navigation__open-virtual-keyboard-button{display:none;visibility:hidden;opacity:0}}.section-virtual-keyboard{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:3rem;position:absolute;transform:translateX(-50%);left:50%;z-index:100}.section-result{margin-top:3rem;margin-bottom:3rem;position:relative}@media only screen and (max-width:56.25em){.section-result{margin-top:0}}.section-errors{height:5rem;margin-top:2rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.section-errors__message{font-size:2rem;color:#c12d24;font-weight:600}@media only screen and (max-width:37.5em){.section-errors__message{font-size:1.8rem}}@media only screen and (max-width:56.25em){.section-errors{height:3rem}}.swiper-container{width:100%;height:59rem}@media only screen and (max-width:56.25em){.swiper-container{height:80rem}}@media only screen and (max-width:37.5em){.swiper-container{height:59em}}.swiper-slide{display:flex;flex-direction:column;align-items:center;justify-content:center}.swiper-button-prev{left:-2.25rem}@media only screen and (max-width:75em){.swiper-button-prev{left:2rem}}@media screen and (max-width:1500px){.swiper-button-prev{left:1.5rem}}@media only screen and (max-width:56.25em){.swiper-button-prev{left:1rem}}@media only screen and (max-width:37.5em){.swiper-button-prev{left:1rem}}.swiper-button-next{right:-2.25rem}@media screen and (max-width:1500px){.swiper-button-next{right:1.5rem}}@media only screen and (max-width:75em){.swiper-button-next{right:1rem}}@media only screen and (max-width:56.25em){.swiper-button-next{right:1rem}}@media only screen and (max-width:37.5em){.swiper-button-next{right:1rem}}