@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;500&family=Lora:wght@400;500&family=Poppins:wght@400;600&display=swap);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}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}:root{--text-color:#f3f1f1;--bg-color:#131313;--border-color:#e300fd}html{font-size:62.5%}body{background-color:#131313;background-color:var(--bg-color)}h2{color:#f3f1f1;color:var(--text-color);font-size:2rem}.h1,h2{font-family:poppins,serif;transition:all .5s linear}.h1{-webkit-text-fill-color:transparent;background:linear-gradient(#ff2c79,#e803b6,#a438c5);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:bolder}a{text-decoration:none}img{border-radius:1rem;margin:1rem 0;max-height:30rem;min-width:10rem;transition:all .3s linear}.container{margin:auto;max-width:140rem;padding:3rem}.grid{grid-gap:3rem;display:grid;gap:3rem}.grid-col-four{grid-template-columns:repeat(4,1fr)}.card-big{background-color:#252525;border:.01rem solid #252525}.card{border-radius:1rem;max-width:30rem;min-height:30rem;width:25rem}.big-main,.card{align-items:center;display:flex;justify-content:center}.big-main{background:linear-gradient(#a9144b,#8b1e73,#3c1049);height:45vh}.main{color:#ececec;font-family:Poppins,"serif";font-size:6rem;font-weight:bolder}.search-section{margin:4rem 0;text-align:center}input[type=text]{background-color:#020202;border-radius:.6rem;width:40rem}input:focus,input[type=text]{border:.1rem solid #e300fd;border:.1rem solid var(--border-color);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);color:#fff;font-size:1.8rem;margin-top:2rem;outline:none;padding:1rem 2rem}input:focus{background-color:#414040;transition:all .5s;width:50rem}.card-error h2{color:red;font-size:1.9rem;margin-top:1rem;transition:all .5s}.foot-big{height:7rem;width:100%}.foot,.foot-big{align-items:center;display:flex;justify-content:center}.foot{color:#fff;font-family:Poppins,"serif";font-size:1.8rem;height:5rem}.identity{background-color:#000;border:none;color:#fff;margin:0;padding:0 1rem}.movie-section{background:linear-gradient(#ff2c79,#e803b6,#a438c5);display:grid;height:100vh;place-items:center;width:100%}.loading{color:#f3f1f1;color:var(--text-color)}.loading,.movie-section .loading{font-size:3.2rem;text-align:center}.movie-section .loading{color:#131313;color:var(--bg-color)}.movie-card{grid-gap:2rem;background-color:#131313;background-color:var(--bg-color);border-radius:1.5rem;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:grid;gap:2rem;grid-template-columns:.6fr 1fr;min-width:30rem;width:50vw}.movie-card img{border-radius:0;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;border-top-left-radius:2rem;border-top-right-radius:2rem;height:100%;height:auto;margin:0;max-height:50rem;width:100%}.movie-card .title{color:#f3f1f1;color:var(--text-color);font-size:2.8rem;font-weight:700}.card-content{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:center}.details{color:#fff;font-family:poppins,"serif";font-size:1.7rem}a{border:.2rem solid #f3f1f1;border:.2rem solid var(--text-color);border-radius:.5rem;color:#f3f1f1;color:var(--text-color);display:flex;font-size:1.8rem;justify-content:center;margin-top:2rem;padding:3.2rem 1rem;text-align:center;transition:all .3s linear}a:hover{background-color:#191919;background-image:linear-gradient(225deg,#84004b,#500350 50%,#350e52);color:#131313;color:var(--bg-color)}a:hover h2{color:#bebebe;display:inline-block;-webkit-transform:translateY(-1.5rem);transform:translateY(-1.5rem)}a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.back-btn{background-color:#b01183;border:none;color:#fff;padding:1.2rem 3.6rem}@media (max-width:1200px){.container{margin:auto;max-width:110rem}.grid-col-four{grid-template-columns:1fr 1fr 1fr}}@media (max-width:998px){.container{margin:auto;max-width:90rem}.grid-col-four{grid-template-columns:1fr 1fr}input{width:20rem}.movie-section{background-color:#131313;height:auto;padding:4.8rem 0}.movie-card{grid-template-columns:1fr}.card-content{padding-left:2rem}.back-btn{margin-bottom:3rem}}@media (max-width:768px){.container{margin:auto;max-width:70rem}.grid-col-four{grid-template-columns:1fr}.h1{font-size:2rem}.main{font-size:3.5rem}input[type=text]{width:22rem}input:focus{width:24rem}}.lds-roller{display:inline-block;height:80px;position:relative;width:80px}.lds-roller div{-webkit-animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-roller div:after{background:#f606f6;border-radius:50%;content:" ";display:block;height:7px;margin:-4px 0 0 -4px;position:absolute;width:7px}.lds-roller div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div:first-child:after{left:63px;top:63px}.lds-roller div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:56px;top:68px}.lds-roller div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:48px;top:71px}.lds-roller div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:40px;top:72px}.lds-roller div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:32px;top:71px}.lds-roller div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:24px;top:68px}.lds-roller div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:17px;top:63px}.lds-roller div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:12px;top:56px}@-webkit-keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.90b83f56.css.map*/