*,:after,:before{box-sizing:border-box}*{margin:0}*,body{font-family:DM Sans,sans-serif}body{line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}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}.App,.movie{position:relative}.movie{color:#9ca3af;color:#111827;display:flex;flex-direction:column;font-size:1.125rem}.movie-title{font-size:.85rem}.movie-date{font-size:.7rem}.movie-detail-link{font-size:.7rem;text-decoration:none}.poster{height:300px;min-width:10%}@media screen and (max-width:1000px){.movie{flex:1 1 150px;max-height:490px}.poster{height:330px;min-width:10%}}.favorite{background-color:rgba(0,0,0,.2);display:flex;justify-content:flex-end;margin-top:.5rem;padding:.2rem;position:absolute;width:100%}.movie-list{grid-row-gap:1.5rem;grid-column-gap:1.5rem;-webkit-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:repeat(4,1fr);row-gap:1.5rem}@media screen and (max-width:1000px){.movie-list{display:flex;flex-wrap:wrap;justify-content:space-between}}nav{align-items:center;justify-content:space-between;min-height:3rem;min-width:100vw}.container,nav{display:flex;flex-direction:column}.container{gap:1rem;padding:5rem 3rem 4rem}.movies-category{border:1px solid #000;padding:.5rem}.header-bar{background-color:rgba(0,0,0,.3);display:flex;gap:.5rem;justify-content:space-around;padding:.25rem;position:absolute;top:0;width:100%}.searchBox{background-color:initial;border:2.5px solid #d1d5db;border-radius:8px;color:#d1d5db;outline:none;padding:.15rem;width:50%}@media screen and (max-width:800px){.searchBox{width:50%}.header-bar{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}}.App-header{background-color:#282c34;background-image:url(/static/media/Poster.a37f7a10b6a2578ccf01.png);background-repeat:no-repeat;background-size:cover;color:#fff;font-size:calc(10px + 2vmin);min-height:60vh}.con-header{grid-gap:.5rem;display:grid;gap:.5rem;padding:6rem 3rem;width:40%}.movie-title-header{font-size:3rem}.movie-description{font-size:.8rem}@media screen and (max-width:600px){.con-header{padding-top:10rem;width:75%}}.trailerButton{background-color:#be123c;border:none;border-radius:8px;color:#f9f9f9;font-size:1.2rem;outline:none;padding:.6rem;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}footer{padding-bottom:6rem;text-align:center}.info{display:flex;font-family:800;justify-content:space-between}.con-footer{margin:0 auto;max-width:28rem}.backdrop{height:65vh;width:100%}.detailNav{align-items:center;background-color:rgba(0,0,0,.7);color:#f9f9f9;display:flex;justify-content:space-between;min-width:100%;padding:.5rem 2rem;position:fixed;top:0}.backToHome{border:2px solid #f9f9f9;border-radius:8px;color:#f9f9f9;padding:.5rem;text-decoration:none}.details{display:flex;flex-direction:column;gap:.5rem;padding:1rem 5rem}.pageDetails{position:relative}span{color:#3d3d3d;font-size:.9rem;font-style:italic;font-weight:600;padding:.25rem}.fetchMessage{background-color:rgba(0,0,0,.6);color:#f9f9f9;margin-bottom:8rem;margin-top:10rem;padding:5rem}
/*# sourceMappingURL=main.5474d52c.css.map*/