@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.form_wrapper{border-top:5px solid #786b6b}.form_wrapper input[type=email]:focus,.form_wrapper input[type=password]:focus,.form_wrapper input[type=text]:focus{border:1px solid #786b6b;box-shadow:0 0 2px 1px #786b6b}.form_wrapper input[type=submit]{background:#786b6b}.form_wrapper input[type=submit]:focus,.form_wrapper input[type=submit]:hover{background:#655a5a}.credit{color:#786b6b}.credit a{color:#655a5a}body{background:#f2f2f2;font-family:Verdana,Geneva,sans-serif;font-size:14px}.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden}.form_wrapper{-webkit-animation:expand .8s ease-out .6s forwards;animation:expand .8s ease-out .6s forwards;background:#fff;border-top:5px solid #f5ba1a;box-shadow:0 0 3px rgba(0,0,0,.1);box-sizing:border-box;margin:8% auto 0;max-width:100%;opacity:0;padding:25px;position:relative;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50% 0;transform-origin:50% 0;transition:none;width:400px;z-index:1}.form_wrapper h2{font-size:1.5em;line-height:1.5em;margin:0}.form_wrapper .title_container{padding-bottom:15px;text-align:center}.form_wrapper h3{font-size:1.1em;font-weight:400;line-height:1.5em;margin:0}.form_wrapper label{font-size:12px}.form_wrapper .row{margin:10px -15px}.form_wrapper .row>div{box-sizing:border-box;padding:0 15px}.form_wrapper .col_half{float:left;width:50%}.form_wrapper .input_field{-webkit-animation:bounce .6s ease-out;animation:bounce .6s ease-out;margin-bottom:20px;position:relative}.form_wrapper .input_field>span{border-right:1px solid #ccc;color:#333;height:100%;left:0;position:absolute;text-align:center;top:0;width:30px}.form_wrapper .input_field>span>i,.form_wrapper .textarea_field>span>i{padding-top:10px}.form_wrapper input[type=email],.form_wrapper input[type=password],.form_wrapper input[type=text]{border:1px solid #ccc;box-sizing:border-box;height:35px;outline:none;padding:8px 10px 9px 35px;transition:all .3s ease-in-out;width:100%}.form_wrapper input[type=email]:hover,.form_wrapper input[type=password]:hover,.form_wrapper input[type=text]:hover{background:#fafafa}.form_wrapper input[type=email]:focus,.form_wrapper input[type=password]:focus,.form_wrapper input[type=text]:focus{background:#fafafa;border:1px solid #f5ba1a;box-shadow:0 0 2px 1px rgba(255,169,0,.5)}.form_wrapper input[type=submit]{background:#f5ba1a;border:none;color:#fff;cursor:pointer;font-size:1.1em;height:35px;line-height:35px;margin-bottom:10px;outline:none;transition:all .3s ease-in-out;width:100%}.form_wrapper input[type=submit]:focus,.form_wrapper input[type=submit]:hover{background:#e1a70a}.form_wrapper input[type=checkbox],.form_wrapper input[type=radio]{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.form_container .row .col_half.last{border-left:1px solid #ccc}.checkbox_option label{margin-right:1em;position:relative}.checkbox_option label:before{background-clip:content-box;background-color:transparent;border:2px solid #ccc;content:"";display:inline-block;height:.5em;margin-right:.5em;padding:.12em;transition:all .2s ease;vertical-align:-2px;width:.5em}.checkbox_option label:after{border-right:2px solid #000;border-top:2px solid #000;content:"";display:none;height:20px;left:2px;position:absolute;top:7px;-webkit-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg);-webkit-transform-origin:left top;transform-origin:left top;width:7px}.checkbox_option input:checked+label:before,.checkbox_option input:hover+label:before{border-color:#000}.checkbox_option input:checked+label:after{-webkit-animation:check .8s ease 0s running;animation:check .8s ease 0s running;border-color:#000;display:block;height:20px;width:7px}.radio_option label{margin-right:1em}.radio_option label:before{background-clip:content-box;background-color:transparent;border:2px solid #ccc;border-radius:100%;content:"";display:inline-block;height:.5em;margin-right:.5em;padding:.15em;transition:all .2s ease;vertical-align:-3px;width:.5em}.radio_option input:hover+label:before{border-color:#000}.radio_option input:checked+label:before{background-color:#000;border-color:#000}.select_option{position:relative;width:100%}.select_option select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #ccc;border-radius:0;color:#7b7b7b;cursor:pointer;display:inline-block;height:35px;padding:0 15px;transition:all .2s ease;width:100%}.select_option select::-ms-expand{display:none}.select_option select:focus,.select_option select:hover{background:#fafafa;border-color:#000;color:#000;outline:none}.select_arrow{border-color:#7b7b7b transparent transparent;border-style:solid;border-width:8px 5px 0;height:0;pointer-events:none;position:absolute;right:15px;top:calc(50% - 4px);width:0}.select_option select:focus+.select_arrow,.select_option select:hover+.select_arrow{border-top-color:#000}.credit{color:#f5ba1a;padding:15px;position:relative;text-align:center;z-index:1}.credit a{color:#e1a70a}@-webkit-keyframes check{0%{height:0;width:0}25%{height:0;width:7px}50%{height:20px;width:7px}}@keyframes check{0%{height:0;width:0}25%{height:0;width:7px}50%{height:20px;width:7px}}@-webkit-keyframes expand{0%{opacity:0;-webkit-transform:scaleY(0)}25%{-webkit-transform:scaleY(1.2)}50%{-webkit-transform:scaleY(.85)}75%{-webkit-transform:scaleY(1.05)}to{opacity:1;-webkit-transform:scaleX(1)}}@keyframes expand{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}25%{-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}50%{-webkit-transform:scaleY(.85);transform:scaleY(.85)}75%{-webkit-transform:scaleY(1.05);transform:scaleY(1.05)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes bounce{0%{opacity:0;-webkit-transform:translate3d(0,-25px,0)}25%{-webkit-transform:translate3d(0,10px,0)}50%{-webkit-transform:translate3d(0,-6px,0)}75%{-webkit-transform:translate3d(0,2px,0)}to{opacity:1;-webkit-transform:translateZ(0)}}@keyframes bounce{0%{opacity:0;-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0)}25%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}50%{-webkit-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}75%{-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@media (max-width:600px){.form_wrapper .col_half{float:none;width:100%}.bottom_row .col_half{float:left;width:50%}.form_container .row .col_half.last{border-left:none}.remember_me{padding-bottom:20px}}*{font-family:Poppins,sans-serif;margin:0;padding:0}:root{--primary-color:#000;--secondary-color:#786b6b;--box-shadow:#ff9}body{background-color:#000;background-color:var(--primary-color)}.header{align-items:center;background-color:#786b6b;background-color:var(--secondary-color);height:100px;justify-content:space-around;margin-bottom:30px;width:100%}.header,nav ul{display:flex}nav ul li{list-style:none;margin-right:1rem}nav ul li a{color:#fff;font-size:1.2rem;font-weight:700;padding:.2rem .6rem;position:relative;text-decoration:none}nav ul li a:before{background-color:#000;background-color:var(--primary-color);content:"";height:3px;left:50%;position:absolute;top:-10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s ease-in-out;width:0}nav ul li a:hover:before{width:100%}nav ul li a:focus{background-color:#000;background-color:var(--primary-color);border-radius:20px;opacity:.2px}nav ul li a:focus:before{width:0}.search-btn{display:flex}.inputText{background-color:#000;background-color:var(--primary-color);border:1px solid #000;border:1px solid var(--primary-color);border-radius:2rem 0 0 2rem;box-shadow:inset 0 5px 10px #786b6b;box-shadow:inset 0 5px 10px var(--secondary-color);color:#fff;font-size:1rem;outline:none;padding:.3rem 1rem}.inputText::-webkit-input-placeholder{color:#fff}.inputText:-ms-input-placeholder{color:#fff}.inputText::placeholder{color:#fff}.search-btn button{background-color:#786b6b;background-color:var(--secondary-color);border:1px solid #000;border:1px solid var(--primary-color);border-radius:0 2rem 2rem 0;box-shadow:inset 0 5px 10px #000;box-shadow:inset 0 5px 10px var(--primary-color);color:#fff;font-size:1rem;outline:none;padding:.2rem .5rem}.container{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;width:80%}.movie{background-color:#786b6b;background-color:var(--secondary-color);border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.5);box-sizing:border-box;margin:1rem;overflow:hidden;position:relative;width:250px}.movie .poster{height:250px;width:100%}.container_view{background-color:#000;border-radius:20%;margin:0 auto;width:50%;z-index:100}.container_view,.overview>h1,.view{color:#fff;text-align:center}.movie-details{align-items:center;display:flex;flex-direction:column;justify-content:center}.movie-details .box{align-items:center;display:flex;justify-content:space-around;padding:1rem;width:100%}.movie-details .title{font-size:15px;text-align:center;width:160px}.movie-details .overview{background-color:#786b6b;background-color:var(--secondary-color);bottom:0;box-sizing:border-box;color:#fff;left:0;max-height:100%;opacity:.9;overflow-y:auto;padding:1rem;position:absolute;-webkit-transform:translateY(101%);transform:translateY(101%);transition:all .4s ease-in-out}.movie-details:hover .overview{-webkit-transform:translateY(0);transform:translateY(0)}.rating{align-items:center;border:1px solid #000;border:1px solid var(--primary-color);border-radius:50%;bottom:5px;box-shadow:inset 0 5px 5px #ff9;box-shadow:inset 0 5px 5px var(--box-shadow);display:flex;font-weight:700;height:35px;justify-content:center;position:absolute;right:5px;width:35px}@media (max-width:900px){.header{background-color:#786b6b;background-color:var(--secondary-color);height:180px}nav ul{display:flex;flex-direction:column}nav ul li{padding-top:10px}.search-btn{margin-right:100px;width:200px}}.notfound{font-size:40px;font-weight:700}.movie-detail-container{margin:25px auto;width:50%}.movie-container>img{height:100vh;width:100%}.video-player{margin:30px auto;width:80%}@media(max-width:700px){.movie-detail-container{margin:25px auto;width:80%}.movie-container>img{height:100vh;width:100%}.video-player{margin:30px auto;width:100%}.react-player{width:100%}}@media(max-width:450px){.movie-detail-container{margin:15px auto;width:100%}.movie-container>img{height:50vh;width:100%}.react-player,.video-player{margin:10px auto;width:100%}}
/*# sourceMappingURL=main.bff31b98.css.map*/