.movies .movie{width:45%;background-color:#fff;margin-bottom:70px;font-weight:300;padding:20px;border-radius:5px;color:#adaeb9;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)}.movies .movie a{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;grid-gap:20px;text-decoration:none;color:inherit}.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)}.movie .movie__title,.movie .movie__year{margin:0;font-weight:300}.movie .movie__title{margin-bottom:5px;font-size:24px;color:#2c2c2c}.movie .movie__genres{list-style:none;padding:0;display:flex;flex-wrap:wrap;margin:5px 0}.movie .movie__year,.movie__genres li{margin-right:10px;font-size:14px}#root,.container,.loader,body,html{height:100%;display:flex;justify-content:center}.loader{width:100%;align-items:center;font-weight:300}.movies{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding:70px 50px 50px;width:80%}.about__container span:first-child{font-size:20px}.about__container span:last-child{display:block;margin-top:10px}.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-color:#fff;margin:100px auto 0;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:400px;font-weight:300}.about__container .title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:300;font-size:25px;color:#2c2c2c;margin:5px 0 15px}.about__container .sum{display:block;margin-top:16px;color:#adaeb9;font-weight:300}.nav{z-index:1;position:fixed;top:50px;left:10px;display:flex;flex-direction:column;background-color:#fff;padding:10px 20px;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);border-radius:5px}@media screen and (max-width:1090px){.nav{left:auto;top:auto;bottom:0;width:100%}}.nav a{text-decoration:none;color:#0008fc;text-transform:uppercase;font-size:12px;text-align:center;font-weight:600}.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-color:#eff3f7;height:100%}
/*# sourceMappingURL=main.989c039f.chunk.css.map */