*{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%}.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,.25);padding:20px;border-radius:5px;background-color:#fff;margin:100px auto 0;width:100%;max-width:400px;font-weight:300}.about__container span :first-child{font-size:20px}.about__container span:last-child{display:block;margin-top:10px}.movies .movie{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}.container{height:100%}.container,.loader{display:flex;justify-content:center}.loader{width:100%;height:100vh;align-items:center;font-weight:300}.movies{display:grid;grid-template-columns:repeat(2,minmax(400px,1fr));grid-gap:100px;width:80%;padding:70px 50px 50px}@media screen and (max-width:100px){.movies{grid-template-columns:1fr;width:100%}}.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}
/*# sourceMappingURL=main.2198e7c6.chunk.css.map */