body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{display:flex}.cnt{padding-top:10px}.form{width:93vw;justify-content:center;color:#fff;grid-gap:20px;gap:20px}.form,.form-container{display:flex;align-items:center;flex-direction:column}.form input{width:20vw;outline:none;border:none;border-bottom:1px solid hsla(0,0%,70.6%,.6);background:#0e1538;padding:10px;color:#fff}.form input:focus{border-bottom:1px solid rgba(73,73,73,.6)}.form input::-webkit-input-placeholder{color:#a3a3a3}.form input:-ms-input-placeholder{color:#a3a3a3}.form input::placeholder{color:#a3a3a3}.form ul{display:flex;flex-wrap:wrap;list-style:none}.form li,.form ul{justify-content:center}.form li{display:absolute;align-items:center;margin-left:20px;padding:10px;background-color:#4187f6;width:200px;height:50px}.form a{color:#fff;text-decoration:none}.form img{object-fit:cover;opacity:.7;width:200px;max-height:290px;min-height:290px;margin-left:36px}.form img:hover{opacity:1}.portada{position:relative}.bottomLeft{position:absolute;bottom:105px;left:16px;font-size:14px}button{display:flex;border:none;margin:20px 0}button.fav{margin-left:56px}.boton div{position:relative;width:160px;height:60px;display:inline-block;background:#fff}.boton div:after,.boton div:before{content:"";position:absolute;inset:0;background:red;transition:.5s;background:linear-gradient(45deg,#0cf,#0e1538,#0e1538,#d400d4)}.boton div:hover:before{inset:-3px}.boton div:hover:after{inset:-3px;-webkit-filter:blur(10px);filter:blur(10px)}.boton div span{left:0;display:inline-block;background:#0e1538;z-index:10;display:flex;justify-content:center;align-items:center;font-size:1.2em;text-transform:uppercase;letter-spacing:2px;color:#fff;border:1px solid #040a29;overflow:hidden}.boton div span,.boton div span:before{position:absolute;top:0;width:100%;height:100%}.boton div span:before{content:"";left:-50%;background:hsla(0,0%,100%,.075);-webkit-transform:skew(25deg);transform:skew(25deg)}*{margin:0;padding:0;box-sizing:border-box;font-family:"poppins",sans-serif}body{display:flex;min-height:100vh;background:#0e1538}.navigation{position:-webkit-sticky;position:sticky;height:100%;width:70px;background:#080d22;box-shadow:10px 0 0 #4187f6;border-left:10px solid #080d22;overflow-x:hidden;transition:width .5s}.navigation:hover{width:300px}.navigation ul{top:0;left:0;padding-left:5px;padding-top:40px}.navigation ul,.navigation ul li{position:-webkit-sticky;position:sticky;width:100%}.navigation ul li{list-style:none;border-top-left-radius:20px;border-bottom-left-radius:20px}.navigation ul li:hover{background:#4187f6}.navigation ul li a{position:relative;display:block;width:100%;display:flex;text-decoration:none;color:#fff}.navigation ul li:hover a:before{top:-30px;box-shadow:15px 15px 0 #4187f6}.navigation ul li:hover a:after,.navigation ul li:hover a:before{content:"";position:absolute;right:0;width:30px;height:30px;background:#080d22;border-radius:50%}.navigation ul li:hover a:after{bottom:-30px;box-shadow:15px -15px 0 #4187f6}.navigation ul li a .icon{position:relative;display:block;min-width:60px;height:60px;line-height:70px;text-align:center;margin:10px 0}.navigation ul li a .icon ion-icon{position:relative;font-size:1.5em;z-index:1}.navigation ul li a .title{position:relative;font-size:1rem;display:block;padding-left:10px;height:60px;line-height:60px;white-space:nowrap;margin:10px 0}.navigation ul li.active{background:#4187f6;border-top-left-radius:20px;border-bottom-left-radius:20px}.navigation ul li.active a:before{top:-30px;box-shadow:15px 15px 0 #4187f6}.navigation ul li.active a:after,.navigation ul li.active a:before{content:"";position:absolute;right:0;width:30px;height:30px;background:#080d22;border-radius:50%}.navigation ul li.active a:after{bottom:-30px;box-shadow:15px -15px 0 #4187f6}.details p,.movie-card{color:#a9a8a3}.movie-card{font:14px/22px "Lato",Arial,sans-serif;padding:40px 0}.container{padding:20px;margin:0 10px;width:700px;height:600px;background:#0e1538;border-radius:5px;position:relative}.caja,.details{display:flex}.details{flex-direction:column;padding:50px 0 0 50px}.title{color:#fff;font-size:40px;margin-bottom:13px;line-height:normal;position:relative}.title span{margin-left:12px;background:#c4af3d;border-radius:5px;color:#544c21;font-size:14px;padding:0 4px}.description{bottom:0;height:200px;font-size:16px;line-height:26px;color:#b1b0ac}.column{padding-left:41px;padding-top:30px;margin-left:20px;width:480px}.img img{width:200px;height:210px;padding-left:50px}.container2{display:flex;flex-direction:row}
/*# sourceMappingURL=main.c29045fc.chunk.css.map */