.movies .movie{background:#e8cbc0;background:linear-gradient(90deg,#636fa4,#e8cbc0)}.movies .movie a{display:grid;grid-template-columns:minmax(150px,1fr) 3fr;grid-gap:20px;text-decoration:none;color:#fff}.movie .movie__title,.movie .movie__year{margin:0;font-weight:300}.movie .movie__title{margin-bottom:5px;font-size:24px;opacity:.9}.movie .movie__genres{flex-wrap:wrap}.movie__summary{color:#e7e7e7}#root .detail{align-items:center;margin:auto;text-align:justify;width:100%;height:100vh;font-size:2rem;color:#fff;padding:20px 100px}#root .detail,.container{display:flex;justify-content:center}.container{height:100%;transition-duration:.5s}.sideTitle{top:3%;margin-left:10px;cursor:default}.sideTitle,.sideTitle-git{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;position:fixed;left:0}.sideTitle-git{top:66%;height:260px;margin-left:5px;padding:20px 10px;border-radius:5px;z-index:1;transition-duration:.5s}.sideTitle-git:hover a{color:#000;transition-duration:.3s}.sideTitle-git a{text-decoration:none;color:#fff}.loader{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:600;font-size:2rem}.movies{flex-wrap:wrap;padding:50px 20px 20px;margin-left:50px;width:100%;text-align:left}.movies,.movies .movie{display:flex;justify-content:space-between;align-items:flex-start;transition-duration:.3s}.movies .movie{width:48%;background-color:#fff;margin-bottom:70px;font-weight:300;padding:20px;border-radius:5px;color:#fff;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025)}.movie img{position:relative;top:-50px;max-width:150px;width:100%;margin-right:30px;box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025);border-radius:5px}.movie .movie__title,.movie .movie__year{margin:10px 0;font-weight:600}.movie .movie__title{margin-bottom:10px;font-size:26px;color:#fff}.movie .movie__genres{list-style:none;padding:0;display:flex;margin:5px 0}.movie .movie__year,.movie__genres li{margin-right:10px;font-size:14px}.about__container{box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);padding:20px;border-radius:5px;background:#e8cbc0;background:linear-gradient(90deg,#636fa4,#e8cbc0);margin:100px auto 0;font-weight:300;width:380px;text-align:center}.about__container span:first-child{font-size:24px;line-height:2rem}.about__container span:last-child{display:block;margin-top:20px}.nav{position:fixed;top:33%;left:0;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;display:flex;padding:25px 10px;box-shadow:0 -6px 16px -6px rgba(0,0,0,.5),0 8px 16px -10px rgba(0,0,0,.3),0 13px 27px -5px rgba(50,50,93,.025);border-radius:5px;z-index:1;transition-duration:.5s;transform:rotate(180deg)}.nav:hover{transition:all .5s ease-in-out}.nav a{text-decoration:none;text-transform:uppercase;text-align:center;font-weight:600;font-size:26px;color:#fff}.nav a:hover{transition:.2s ease-in-out;color:#000}.nav a:not(:last-child){margin-bottom:20px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background:#cc95c0;background:linear-gradient(90deg,#7aa1d2,#cc95c0);height:100%;color:#fff}#root span{text-align:center}@media screen and (max-width:800px){.movies{flex-direction:column}.movie__data,.movies .movie{width:100%}#root .detail{width:80%;height:100vh;font-size:1rem;padding:20px 40px}.about__container{width:280px;margin-top:50px}.about__container span:first-child{font-size:16px}.about__container span:last-child{display:block;margin-top:10px;font-size:12px}@media screen and (max-width:500px){.nav,.sideTitle,.sideTitle-git{transform:scale(.65);margin:0;padding-left:5px;padding-right:5px}.movies{padding:10px;margin-left:30px}.movie img{width:70px;top:10px;margin-right:10px}.movies .movie a{grid-template-columns:minmax(80px,1fr) 3fr;grid-gap:10px;text-decoration:none;color:#fff}.movies .movie{font-size:12px;margin-bottom:30px}.movies .movie__title{font-size:16px}.loader{font-size:20px;margin-left:20px}}@media screen and (max-width:280px){.nav,.sideTitle,.sideTitle-git{transform:scale(.5);left:-13px;margin:0}.movies{margin-left:0;padding-left:18px;padding-right:5px}.about__container{width:220px;margin-top:50px}.about__container span:first-child{font-size:12px;line-height:10px}.about__container span:last-child{display:block;margin-top:10px;font-size:10px}}}
/*# sourceMappingURL=main.b082aa3e.chunk.css.map */