@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e5e5e5;font-family:Inter,sans-serif;min-height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}footer{width:100%}footer>.container{align-items:center;display:flex;flex-wrap:wrap;gap:1em;justify-content:center;margin-top:1em}nav{width:100%}nav>.container{align-items:center;display:flex;justify-content:space-between}a{display:flex;justify-content:center}.nav__logo{height:auto;width:clamp(80px,100%,120px)}.search__container{align-items:center;background-color:#fff;border:1px solid grey;border-radius:2px;display:flex;gap:1em;padding:.8em}.search__icon{height:auto;width:20px}.search__input{all:unset;cursor:text}hr{margin:1em auto;width:80%}@media (max-width:440px){nav>.container{flex-direction:column}}.app{align-items:center;display:flex;flex-direction:column;height:100%;padding:1em;width:100%}.container{margin:0 auto;width:80%}.movie__card{background-color:#fff;border-radius:8px;box-shadow:2px 4px 8px 2px rgba(0,0,0,.1);cursor:pointer;transition:all .2s;width:280px}.movie__card:hover{box-shadow:2px 4px 8px 2px rgba(0,0,0,.2)}.movie__poster{border-radius:8px 8px 0 0;height:320px;position:relative;width:100%}.movie__rating{align-items:center;background-color:#fff;border:1px solid #000;border-radius:50%;display:flex;height:36px;inset:1em 1em;justify-content:center;padding:.5em;position:absolute;width:36px}.movie__title{padding:.5em 1em;text-align:center}.modal{inset:0;min-height:100vh;position:fixed;width:100%}.modal__backdrop{background-color:rgba(0,0,0,.7);height:100%;width:100%}.modal__container{align-items:center;background-color:#fff;border-radius:2px;display:flex;flex-direction:column;left:50%;margin:1em;padding:1em;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:clamp(200px,100%,600px)}.modal__container .header{align-items:center;display:flex;justify-content:space-between;width:100%}.header p{font-weight:600}.header button{cursor:pointer;padding:.25em}.modal__container .info{display:flex;font-size:14px;gap:1em;justify-content:center;margin-top:1em;width:100%}.info img{width:50%}.details p{margin-top:.75em}@media (max-width:440px){.info{flex-wrap:wrap}}.home__container{height:100%;width:100%}.home__container .container{align-items:center;display:flex;flex-wrap:wrap;gap:2em;justify-content:center}
/*# sourceMappingURL=main.e5542868.css.map*/