*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,.app,body,html{height:100%}.main{height:100%;background:linear-gradient(135deg,#cfe3f1 10%,#4470ef 90%);flex-wrap:wrap}.header,.main{width:100%;display:flex}.header{height:5rem;padding:1rem;background:linear-gradient(135deg,#263541 10%,#023349 90%);justify-content:flex-end}.header>.search{outline:none;border-radius:50px;border:2px solid #4470ef;background:transparent;color:#fff;padding:.8rem 2rem}.header>.search::-webkit-input-placeholder{font-size:14px;color:#2396ef}.header>.search::-moz-input-placeholder{font-size:14px;color:#2396ef}.header>.search::-ms-input-placeholder{font-size:14px;color:#2396ef}.header>.search::-o-input-placeholder{font-size:14px;color:#2396ef}.main>.movie-list{width:100%;display:flex;flex-wrap:wrap;overflow:hidden;list-style:none;height:calc(100% - 5rem);overflow-y:auto;padding:1rem 0;position:relative}.main>.movie-list>.movie{width:calc(25% - 2.4rem);margin:1.2rem;box-shadow:0 1px 6px #263541;background:linear-gradient(135deg,#2c6b9e 10%,#098fce 90%);border-radius:15px;cursor:pointer;overflow:hidden;position:relative}.main>.movie-list>.movie>img{display:block;width:100%}.main>.movie-list>.movie>.movie-info{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:1rem 1.2rem}.main>.movie-list>.movie>.movie-info>.movie-name{font-size:1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.main>.movie-list>.movie>.movie-info>.movie-score{padding:.3rem .5rem;border-radius:4px;background:linear-gradient(135deg,#291e2c 10%,#36083a 90%);font-weight:700}.main>.movie-list>.movie>.movie-overview{position:absolute;left:0;right:0;top:0;bottom:0;transition:-webkit-transform .4s cubic-bezier(.25,.46,.45,.94);transition:transform .4s cubic-bezier(.25,.46,.45,.94);transition:transform .4s cubic-bezier(.25,.46,.45,.94),-webkit-transform .4s cubic-bezier(.25,.46,.45,.94);-webkit-transform:translateY(100%);transform:translateY(100%);max-height:100%;padding:1.5rem;background:linear-gradient(135deg,#f7f7f7 10%,#fff 90%)}.main>.movie-list>.movie:hover .movie-overview{-webkit-transform:translateY(25%);transform:translateY(25%)}.main>.movie-list>.movie>.movie-overview>h3{text-align:center;color:#535455;margin:.5rem 0}.main>.movie-list>.movie>.movie-overview>p{word-break:break-all;line-height:1.5;color:#363739;padding:8px}@media screen and (max-width:765px){.main>.movie-list>.movie{width:calc(50% - 2.4rem)}}@media screen and (max-width:350px){.main>.movie-list>.movie{width:calc(100% - 2.4rem)}}
/*# sourceMappingURL=main.31753304.chunk.css.map */