body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background-color:#eff3f7;font-family:-apple-system,BlinkMacSystemfont,Segoe UI,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0}.movies .movie{background-color:#fff;border-radius:5px;box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d,0 -6px 16px -6px rgba(0,0,0,.025);color:#adaeb9;font-weight:300;margin-bottom:70px;padding:20px}.movies .movie a{grid-gap:20px;color:inherit;display:grid;grid-template-columns:minmax(150px,1fr) 2fr;text-decoration:none}.movie img{box-shadow:0 30px 60px -12px #32325d40,0 18px 36px -18px #0000004d,0 -12px 36px -8px rgba(0,0,0,.025);margin-right:30px;max-width:150px;position:relative;top:-50px;width:100%}.movie .movie__title,.movie .movie__year{font-weight:300;margin:0}.movie .movie__title{color:#2c2c2c;font-size:24px;margin-bottom:5px}.movie .movie__genres{display:flex;flex-wrap:wrap;list-style:none;margin:5px 0;padding:0}.movie .movie__year,.movie__genres li{font-size:14px;margin-right:10px}.container{height:100%}.container,.loader{display:flex;justify-content:center}.loader{align-items:center;font-weight:300;height:100vh;width:100%}.movies{grid-gap:100px;display:grid;grid-template-columns:repeat(2,minmax(400px,1fr));padding:70px 50px 50px;width:80%}@media screen and (max-width:1090px){.movies{grid-template-columns:1fr;width:100%}}.about__container{background-color:#fff;border-radius:5px;box-shadow:0 13px 27px -5px rgba(50,50,93,.025),0 8px 16px -8px #0000004d,0 -6px 16px -6px rgba(0,0,0,.025);font-weight:300;margin:100px auto 0;max-width:400px;padding:20px;width:100%}.about__container span:first-child{font-size:20px}.about__container span:last-child{display:block;margin-top:10px}.nav{background-color:#fff;border-radius:5px;box-shadow:0 13px 27px -5px rgba(50,50,93,.025),0 8px 16px -8px #0000004d,0 -6px 16px -6px rgba(0,0,0,.025);display:flex;flex-direction:column;left:10px;padding:10px 20px;position:fixed;top:50px;z-index:1}@media screen and (max-width:1090px){.nav{bottom:0;left:auto;top:auto;width:100%}}.nav a{color:#0008fc;font-weight:600;text-align:center;text-decoration:none;text-transform:uppercase}.nav a:not(:last-child){margin-bottom:20px}
/*# sourceMappingURL=main.a6ef1c04.css.map*/