@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.nav-bar{align-items:center;background:linear-gradient(90deg,#080808,#4d4d4d 100%);display:flex;height:80px;justify-content:space-between}.nav-bar__logo{color:#f5f5f5;cursor:default;justify-self:start;margin:20px;transition:all 1s ease-in-out}.nav-bar__auth{align-items:center;display:flex;justify-content:center}.nav-bar__href,.nav-bar__menu{align-items:center;display:flex;justify-content:end}.nav-bar__href{list-style:none;margin-right:2rem;text-align:center}.nav-bar__links{color:#f5f5f5;margin-left:10px;padding:.5rem 1rem;text-decoration:none}.nav-bar__links:hover{background-color:#8125b6;border-radius:2px;transition:all .2s ease-out}.nav-bar__menu--icon{display:none}.nav-bar__menu--icons{color:#f5f5f5;font-size:1.5rem;margin-left:.5rem}@media screen and (max-width:1200px){.nav-bar{position:relative}.nav-bar__menu{height:auto;left:-100%;opacity:0;position:absolute;top:80px;width:100%}.nav-bar__menu,.nav-bar__menu.active{background:linear-gradient(90deg,#080808,#4d4d4d 100%);display:flex;flex-direction:column;justify-content:start;transition:all 1s ease}.nav-bar__menu.active{align-items:center;left:0;opacity:1;z-index:1}.nav-bar__href{align-items:stretch;display:flex;flex-direction:column;justify-content:center;margin:0;width:100%}.nav-bar__links{color:#f5f5f5;display:block;font-size:1.5rem;padding:2rem;text-align:center;width:100%}.nav-bar__links:hover{background-color:#4d4d4d;border-radius:0;color:#f5f5f5;transform:scale(1.1);transition:all 1s ease}.nav-bar__logo{left:0;position:absolute;top:0;transform:scale(1.4) translate(20%,20%);transition:all 1s ease-in-out}ul{list-style:none;margin:0;padding:0}a.nav-bar__links{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.nav-bar__menu--icon{background:none;border:none;color:inherit;cursor:pointer;display:block;font-size:2rem;padding:0;position:absolute;right:0;top:0;transform:translate(-100%,60%)}.nav-bar__auth>Button{display:block;margin:1rem auto;width:40%}.nav-bar__auth{width:40%}.nav-bar__auth,.signout{display:flex;flex-direction:column;margin-bottom:20px}.signout{align-items:center;justify-content:center}.signout__user{border:1px solid #8125b6;border-radius:4px}}.btn{border:none;border-radius:4px;cursor:pointer;margin-right:20px;outline:none;white-space:nowrap}.btn,.btn:hover{padding:8px 20px}.btn:hover{background:#f5f5f5;color:aqua;transition:all .3s ease-in-out;transition:.25s}.btn--primary{background-color:#8125b6}.btn--outline{background-color:transparent;border:1px solid #8125b6;border-radius:4px;color:#f5f5f5;padding:8px 20px;transition:all .3s ease-in-out}.btn--small{border-radius:4px;color:#f5f5f5;font-size:12px;padding:4px 14px}.btn--small:hover{background:#f5f5f5;color:aqua;padding:4px 14px;transition:all .3s ease-in-out;transition:.25s}.btn--medium{font-size:18px;padding:8px 20px}.btn--large,.btn--medium{border-radius:4px;color:#f5f5f5}.btn--large{font-size:20px;padding:12px 26px}.signup{align-items:center}.signup,.signup__input{display:flex;flex-direction:column;justify-content:start}.signup__input{align-items:start;padding-left:50px}.signup>Button{margin-right:0;margin-top:20px}.signup__error:empty{display:none}.signup__error,.signup__password{margin-top:10px}.signup__confirm-password{margin-top:6px}.login{align-items:center}.login,.login__input{display:flex;flex-direction:column;justify-content:start}.login__input{align-items:start;padding-left:50px}.login>Button{margin-right:0;margin-top:20px}.login__error:empty{display:none}.login__error,.login__password{margin-top:10px}#modal{align-items:center;background-color:rgba(77,77,77,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10}#modal:empty{display:none}#modal>div{align-items:center;background:#080808;border-radius:15px;color:#f5f5f5;display:flex;justify-content:center;max-width:500px;padding:15px;text-align:right}.signout,.signout__user{align-items:center;display:flex;justify-content:start;white-space:nowrap}.signout__user{margin:10px}.signout__user *{color:#f5f5f5;margin:5px}.movie-wrapper{background-color:#000;display:flex;padding-top:20px;width:1100px}.movie__poster img{height:auto;padding:20px;width:200px}.movie-details{letter-spacing:.1em;padding:0 30px;text-align:left;width:700px}.movie-details>h1{color:#fff;font-size:28px;font-weight:400;text-transform:uppercase}.movie-details h4{color:hsla(0,0%,100%,.5);font-size:18px;font-weight:300}.movie-details>p{color:#fff;font-size:16px;font-weight:400;line-height:1.6;padding-top:20px}.movie-report{display:flex;flex-direction:column;letter-spacing:.1em;padding:15px 25px 0}.movie-report .movie-report__rating{color:#be005e;font-size:32px;font-weight:300;margin-bottom:-1rem;padding:-1rem}.movie-report>h4{color:hsla(0,0%,100%,.5);font-size:16px;font-weight:400;margin-bottom:50px}.movie-report .movie-report__votes{color:#fff;font-size:25px;font-weight:300;margin-bottom:-1rem;padding:-1rem}.film-showings{padding-top:35px}.film-showings ul{display:flex;list-style:none;padding-left:0}.film-showings ul li{background:#000;border:2px solid #c8006d;border-radius:3px;font-size:26px;margin-right:15px}.film-showings ul li:hover{background:linear-gradient(90deg,#c8006d,#7a0042);background:-webkit-linear-gradient(left,#c8006d,#7a0042)}.film-showings ul li a{color:#fff;display:block;padding:15px;text-decoration:none}.film-showings__date{color:#fff}.movie-browser-wrapper{display:flex;justify-content:center;width:100%}.movie-browser-wrapper .movie-browser-container{align-items:center;display:flex;flex-direction:column}*{box-sizing:border-box}body{background-color:#000}.movie-details-wrapper{color:#fff;display:flex;justify-content:center;letter-spacing:.1em;margin-top:30px}.movie-details-wrapper .movie-details{display:flex;margin-left:30px;min-width:900px;text-align:left}.movie-details-wrapper .movie-content__title h1{font-size:30px;font-weight:400;text-transform:uppercase}.movie-details-wrapper .movie-content__title h4{font-weight:300}.movie-details-wrapper .movie-content__title p{font-weight:300;line-height:1.6;padding-bottom:40px;padding-top:20px;width:80%}.movie-details-wrapper .movie-details__poster img{height:auto;padding-right:30px;padding-top:25px;width:200px}.movie-details-wrapper .movie-facts-wrapper{display:flex;justify-content:space-between}.movie-facts__column h4{color:#fff;margin-bottom:-1rem;padding:-1rem}.movie-facts__column .movie-facts--description{color:hsla(0,0%,100%,.5);font-weight:300;line-height:1.6;padding-bottom:15px;width:90%}.movie-facts__rating{padding-left:15px;width:25%}.movie-facts__rating h4{color:#fff;margin-bottom:.5rem;padding:.5rem;text-align:center}.movie-facts__rating .movie-facts__rating--score{color:#be005e;font-size:32px;font-weight:300;text-align:center}.movie-facts__rating .movie-facts__rating--votes{color:hsla(0,0%,100%,.5);font-size:32px;font-weight:300;text-align:center}.movie-seats{align-items:center;display:flex;flex-direction:column}.movie-seats h2{color:#fff}.seats{align-items:flex-end;background-color:#222;display:grid;grid:repeat(9,60px)/auto-flow 60px;height:600px;justify-content:center;padding:20px 25px 25px 40px;width:900px}.seat{border:none;color:#fff;cursor:pointer;display:block;height:40px;width:40px}.reservationButton{background-color:#222;border:none;border-radius:10px;color:#fff;margin-top:20px;padding:20px 30px}
/*# sourceMappingURL=index.a4e949b9.css.map */