@import url(https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);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}*{border:0;box-sizing:border-box;margin:0}:root{--font-roboto:"Nanum Brush Script",Sans-serif;--font-raleway:"Raleway",Sans-serif}body{background-color:#d1c09b;font-family:Nanum Brush Script,Sans-serif;font-family:var(--font-roboto)}.logo{height:auto;width:150px}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem}h1{-webkit-text-fill-color:#0000;background:#534b34;background-clip:text;-webkit-background-clip:text;cursor:pointer;font-size:4rem;letter-spacing:.9px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.search{align-items:center;background:#f5dbbb;border:2px solid #ab934a;border-radius:2rem;display:flex;justify-content:center;margin:4rem 0 2rem;padding:1.5rem 1.75rem;transition:transform .1s ease;width:71%}.search:hover{border-color:#534b34;transform:scale(1.02)}.search input{background:#f5dbbb;border:none;color:#000;flex:1 1;font-family:Nanum Brush Script,Sans-serif;font-family:Raleway,Sans-serif;font-family:var(--font-raleway);font-size:1.2rem;font-weight:500;outline:none;padding-right:1rem}.search img{cursor:pointer;height:35px;width:35px}.advanced-search .movie-type-input,.advanced-search .release-year-input{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#000;background-color:initial;background-position:right .7rem top 50%;background-repeat:no-repeat;background-size:1.5rem;border:1px solid #ab934a;border-radius:5px;color:#000;font-family:Raleway,Sans-serif;font-family:var(--font-raleway);margin-right:1rem;padding:.5rem;padding-right:2rem}.advanced-search select::-ms-expand{display:none}.advanced-search select{-webkit-appearance:none;appearance:none;background-color:#f5dbbb;border:2px solid #ab934a;border-radius:.7rem;color:#000;cursor:pointer;font-family:Raleway,Sans-serif;font-family:var(--font-raleway);font-weight:600;margin-right:1rem;padding:.5rem;text-align:center;transition:background-color .3s ease}.advanced-search select:hover{background-color:#c4b17b}.advanced-search button{background-color:#f5dbbb;border:2px solid #ab934a;border-radius:.7rem;color:#000;cursor:pointer;font-family:Raleway,Sans-serif;font-family:var(--font-raleway);font-weight:600;padding:.5rem 1rem;transition:background-color .3s ease}.advanced-search button:hover{background-color:#c4b17b}.empty{align-items:center;display:flex;justify-content:center;margin-top:3rem;width:100%}.empty h2{color:#1f0f03;font-family:Raleway,Sans-serif;font-family:var(--font-raleway);font-size:1.25rem}.container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:3rem;width:100%}.movie{border-radius:12px;height:460px;margin:1.5rem;overflow:hidden;position:relative;transition:all .9s cubic-bezier(.175,.885,0,1);width:310px}.movie div:first-of-type{color:#000;filter:grayscale(30%);opacity:1;padding:16px;position:absolute;top:0;width:100%}.movie:hover{filter:grayscale(30%);transform:scale(1.05)}.movie div:nth-of-type(2),.movie div:nth-of-type(2) img{filter:grayscale(30%);height:100%;width:100%}.movie div:nth-of-type(2) img{border-radius:.7rem;box-shadow:0 0 12px #000000b3;cursor:pointer;transition:filter .2s ease}.movie div:nth-of-type(3){background-color:#473f2c5c;bottom:0;cursor:pointer;left:0;padding:16px 24px 24px;position:absolute;right:0;z-index:2}.movie div:nth-of-type(3) span{color:#e4ddd1;font-family:Raleway,sans-serif;font-size:13px;font-weight:1000;letter-spacing:2px;text-transform:uppercase}.movie .year{background-color:#86c1dcb3;border-radius:4px;color:#fff;font-family:sans-serif;font-size:25px;font-weight:700;left:10px;padding:4px 8px;position:absolute;top:10px}.trailer-button{align-items:center;display:flex;font-family:Raleway,sans-serif;justify-content:center;margin-top:10px;text-align:center}.trailer-button button{background-color:#f5dbbb;border:2px solid #ab934a;border-radius:8px;color:#000;cursor:pointer;font-family:Raleway,sans-serif;font-weight:600;margin-right:10px;padding:10px 20px;transition:background-color .3s ease}.trailer-button button:hover{background-color:#c4b17b}.trailer-button a{background-color:#f5dbbb;border:2px solid #ab934a;border-radius:8px;color:#000;cursor:pointer;font-family:Raleway,sans-serif;font-weight:600;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.trailer-button a:hover{background-color:#c4b17b}.plot{display:none;font-family:Raleway,sans-serif;opacity:0;transition:opacity .5s ease}.movie:hover .plot{color:#fff;display:block;opacity:1}.movie div:nth-of-type(3) h3{color:#ddd2d2;font-family:sans-serif;font-weight:1000;margin-top:1px}.movie:hover div:nth-of-type(2) img{box-shadow:0 0 12px #000;filter:blur(5px);opacity:1}.movie:hover div:nth-of-type(3){background-color:#252424b0}.movie:hover div:first-of-type{color:#000;opacity:1}@media screen and (max-width:1200px){.app{padding:4rem 2rem}.search{padding:1rem 1.75rem;width:100%}.search input{font-size:1rem;font-weight:1000}.search img{height:20px;width:20px}h1{font-size:2rem}}@media screen and (max-width:600px){.app{padding:4rem 2rem}.search{padding:1rem 1.75rem;width:100%}.search input{font-size:1rem;font-weight:1000}.search img{height:20px;width:20px}h1{font-size:1.4rem}}@media screen and (max-width:400px){.app{padding:4rem 1rem}h1{font-size:1.3rem}.container{margin-top:2rem}.movie{margin:1rem;width:"100%"}}.pagination{align-items:center;display:flex;justify-content:center;margin-top:2rem}.pagination button{background-color:#f5dbbb;border:2px solid #ab934a;border-radius:11px;color:#black;cursor:pointer;font-family:Raleway,Sans-serif;font-family:var(--font-raleway);font-weight:600;margin:0 .5rem;padding:.5rem 1rem;transition:background-color .3s ease}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button:hover{background-color:#black}.pagination span{color:#534b34;font-family:Sans-serif;font-weight:1000;margin:0 1rem}.loading-container{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.loading{animation:spin .3s ease-in-out infinite;border:3px solid #614f41;border-radius:50%;border-top-color:#685b50;display:inline-block;height:50px;position:absolute;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.bef2826a.css.map*/