@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;font-family:Kanit,sans-serif;margin:0;padding:0}.App{height:100vh}html{scroll-behavior:smooth}li{list-style:none}a{color:#000;text-decoration:none}nav{background-color:#000;height:60px}.logo__icon{color:#2552e3;cursor:pointer;font-size:48px;transition:all .3s ease}.logo__icon:hover{color:#fff;transition:all .3s ease}.nav__container{align-items:center;display:flex;justify-content:space-around;margin:0 auto;max-width:1000px;padding:4px 0;width:100%}.nav__links{display:flex}.nav__link{color:#2552e3;font-size:24px;font-weight:500;margin-right:24px;transition:all .3s ease}.nav__link:hover{color:#fff;transition:all .3s ease}#landing{max-height:83.8vh}header{background-color:#141414;display:flex;flex-direction:column;height:calc(100vh - 100px);padding:60px;width:100%}.header__container{margin:0 auto;width:100%}.header__row{align-items:center;display:flex;flex-direction:column;width:100%}h2{color:#fff;font-size:48px}h1{animation:movie 5s linear infinite;background:radial-gradient(circle,#2552e3,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% 20%;color:#0000;font-size:108px}@keyframes movie{0%{background-position:100% 100%}to{background-position:450% 0}}.search{display:flex;margin:0 auto;padding:42px 0 32px;width:100%}.button,.search{align-items:center;justify-content:center}.button{background:#2552e3;border:#0000;border-radius:1000px;box-shadow:0 0 24px #2552e3;color:#313133;cursor:pointer;display:inline-flex;font-family:Kanit,sans-serif;font-size:22px;font-weight:700;letter-spacing:1.3px;min-height:60px;min-width:300px;outline:none;padding:10px;position:relative;text-align:center;text-transform:uppercase;transition:all .3s ease-in-out 0s}.button:hover{box-shadow:none;box-shadow:0 0 60px #2552e3;color:#fff}.header__img{margin-top:26px;width:100%}#movie__page{background-color:#141414;min-height:83.8vh}.movie__page--wrapper{width:100%}.movie__page{align-items:center;display:flex;flex-direction:column;width:100%}.movie__page--title{font-size:60px;font-weight:700;line-height:1;margin:24px}.movies__form{align-items:center;display:flex;justify-content:flex-end;max-width:500px;position:relative;width:100%}.movies__input{background-color:#313133;font-size:24px;line-height:32px;padding:12px;width:500px}.movies__btn--wrapper,.movies__input{border-color:#0000;border-radius:50px;transition:all .3s ease}.movies__btn--wrapper{background:#2552e3;font-size:32px;line-height:25px;margin-right:10px;position:absolute;width:76px}.back__btn:hover,.movies__btn--wrapper:hover,.movies__input:hover,.movies__option:hover{box-shadow:0 0 30px #2552e3;color:#fff;transition:all .3s ease}.movies__btn{padding:6px}.movies__option{background-color:#2552e3;border-color:#0000;border-radius:8px;color:#000;font-size:16px;line-height:24px;margin-top:24px;padding:8px;transition:all .3s ease}.movies__list{display:flex;flex-wrap:wrap;max-width:1000px;padding-top:24px;width:100%}.movies__card--wrapper{width:33%}.movies__card{padding:18px}.movies__poster{width:100%}.movies__title,.movies__year{color:#fff;width:100%}#movieinfo{align-items:center;background-color:#141414;display:flex;flex-direction:column;min-height:83.8vh;padding:0 60px;width:100%}.back{padding-bottom:32px;padding-top:32px}.back__btn{align-items:center;background-color:#2552e3;border-color:#0000;border-radius:8px;box-sizing:border-box;color:#000;display:inline-flex;height:48px;justify-content:center;overflow:hidden;padding:0 16px;position:relative;text-align:left;text-decoration:none;transition:all .3s ease}.movieinfo__wrapper{border:4px solid #fff;border-radius:8px;display:flex;margin-bottom:56px;margin-top:0;max-width:1800px;width:100%}.movieinfo__poster--wrapper{display:flex;width:40%}.movieinfo__poster{padding:15%;width:100%}.movieinfo__description{color:hsla(0,0%,100%,.685);display:flex;flex-direction:column;justify-content:center;padding-bottom:24px;padding-right:15%;padding-top:24px;width:60%}.movieinfo__title{font-size:60px;font-weight:700;line-height:1;margin-bottom:28px}.movieinfor__rating{font-size:18px;line-height:28px}.movieinfo__plot{margin-top:8px}#footer{background-color:#000;height:160px;margin-top:auto;position:relative}.footer__container{margin:0 auto;max-width:1000px;width:100%;z-index:1}.footer__row{align-items:center;display:flex;justify-content:space-around;padding:48px 0}.footer__copyright{color:#fff;font-size:20px}.footer__github{font-size:32px}.footer__github--icon{color:#fff;padding:0 12px;transition:all .3s}.footer__github--icon:hover{color:#2552e3;transition:all .3s}@media (max-width:768px){h1{font-size:90px;text-align:center}h2{font-size:32px}.header__container{padding:20% 0}.movieinfo__wrapper{align-items:center;display:flex;flex-direction:column}.movieinfo__poster--wrapper{width:100%}.movieinfo__poster{padding:10% 10% 0}.movieinfo__description{padding:5% 10% 10%;width:100%}}@media (max-width:576px){h1{font-size:60px}h2{font-size:24px}.header__img{padding:20% 0 0}.movies__form{padding:0 10%}.movies__card--wrapper{width:50%}.footer__copyright{display:none}}.loader-container{align-items:center;display:flex;height:50vh;justify-content:center}.bouncing-dots{display:flex;justify-content:space-between;width:200px}.dot{animation:bounce 1.5s infinite;background-color:#000;border-radius:50%;height:50px;width:50px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.3s}.dot:nth-child(3){animation-delay:.6s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}
/*# sourceMappingURL=main.092dac8e.css.map*/