@import "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css";body,html{padding:0px;margin:0px}body{background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center}.load{-webkit-animation:slide 1s;animation:slide 1s}.slider{background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh;-webkit-animation:slide 35s infinite;animation:slide 35s infinite}.hide-bg{-webkit-animation:unset;animation:unset}.content{overflow:auto;color:#fff;width:100%;height:100vh;background-color:rgba(0, 0, 0, 0.85)}.principal{padding:10px;letter-spacing:1px;text-align:center;font-size:20px;font-family:"Roboto", sans-serif;color:#1db16b}@-webkit-keyframes slide{0%{background-image:url("../img/The_Flash.jpg")}20%{background-image:url("../img/Black_Mirror.jpg")}40%{background-image:url("../img/Breaking_Bad.jpg")}60%{background-image:url("../img/Walking_Dead.jpg")}80%{background-image:url("../img/Black_Mirror.jpg")}to{background-image:url("../img/Game_of_Thrones.jpg")}}@keyframes slide{0%{background-image:url("../img/The_Flash.jpg")}20%{background-image:url("../img/Black_Mirror.jpg")}40%{background-image:url("../img/Breaking_Bad.jpg")}60%{background-image:url("../img/Walking_Dead.jpg")}80%{background-image:url("../img/Black_Mirror.jpg")}to{background-image:url("../img/Game_of_Thrones.jpg")}}form{overflow:hidden}input[type=text]{width:100%;margin:40px auto;background:transparent;border:0px solid transparent;border-bottom:2px solid #1db16b;font-size:1.6em;letter-spacing:1px;color:#1db16b}input[type=text]:focus{outline:none}input[type=text]::-webkit-input-placeholder{color:#1db16b}input[type=text]:-ms-input-placeholder{color:#1db16b}input[type=text]::-ms-input-placeholder{color:#1db16b}input[type=text]::placeholder{color:#1db16b}input[type=submit]{background-color:transparent;border-radius:17px;border:2px solid #1db16b;color:#fff;font-family:"Roboto", sans-serif;font-size:17px;padding:12px 24px;-webkit-transition:all 0.6s cubic-bezier(0.42, 0, 0.58, 1);-o-transition:all 0.6s cubic-bezier(0.42, 0, 0.58, 1);transition:all 0.6s cubic-bezier(0.42, 0, 0.58, 1)}input[type=submit]:hover{color:#000!important;background-color:#1db16b;text-shadow:nthree;cursor:pointer}h1{margin:20px auto 10px}h2{color:#fff;font-size:40px;font-family:"Roboto", sans-serif}h2:after{display:block;content:'';border-bottom:solid 3px #1db16b;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0% 50%;-ms-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform 250ms ease-in-out;transition:-webkit-transform 250ms ease-in-out;-o-transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out}h2:hover:after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}ul#output{padding:0;text-align:center;position:relative;top:25%}ul#output li{display:inline-block;position:relative;overflow:hidden;width:40%;max-width:350px;margin-bottom:12px;list-style:none;padding:5px;margin-right:20px}ul#output li:hover a.btn-close,ul#output li:hover a.btn-info{opacity:1;-webkit-transition:0.5s opacity ease-in-out;-o-transition:0.5s opacity ease-in-out;transition:0.5s opacity ease-in-out}ul#output li img{width:100%;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);overflow:hidden;-webkit-transition:0.7s all ease-in-out;-o-transition:0.7s all ease-in-out;transition:0.7s all ease-in-out}ul#output li img:hover{opacity:0.65;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}ul#output p{margin:20px;text-align:center;font-family:"Roboto", sans-serif;font-size:30px;text-decoration:underline}ul#output p+p{text-align:justify;font-size:15px;text-decoration:none}.ui-menu .ui-menu-item-wrapper.ui-state-active,.ui-menu .ui-menu-item-wrapper:hover{cursor:pointer;background-color:transparent;border:none}#ui-id-1{background-color:transparent;border:none}.ui-menu-item a{line-height:50px;font-size:25px;color:#737373}.ui-menu-item a:hover{color:#1db16b;background-color:transparent;border:none}.ui-menu-item a:focus{background-color:transparent;border:none}.ui-button.ui-state-active:hover{border:none!important;background-color:transparent!important}.btn-close,.btn-info{font-size:2em;line-height:1;position:absolute;padding:8px;width:32px;top:0;text-decoration:none!important;z-index:1;opacity:0}.btn-info{left:0}.btn-close{right:0;width:24px;padding-top:0}.remove{opacity:0}ul#output li .about{position:fixed;top:15%;left:10%;background-color:#1db16b;width:80%;z-index:999;border-radius:5px;padding:10px}ul#output li .about p{text-decoration:none;margin-top:5px;color:#fff}ul#output li .about .close-about{font-family:"Roboto", sans-serif;color:white;font-size:24px;float:right;margin:5px;text-decoration:none}.hidden{display:none}.closeHelp,.help{float:right;padding:10px}.closeHelp:before,.help:before{content:url(../img/icon/question-v.svg);display:block;zoom:7%;padding:10px;text-align:right}.closeHelp:before{content:url(../img/icon/close-v.svg)}.help:hover:before{content:url(../img/icon/question-b.svg)}.closeHelp:hover:before{content:url(../img/icon/close-b.svg)}#helpContainer{position:absolute;z-index:10;display:none;height:100vh;width:100%;background-color:rgba(22, 28, 25, 0.9)}#helpContainer .helpSection{position:absolute;top:0;font-family:Helvetica}#helpContainer .helpSection h3{margin-top:60px;text-align:center;font-size:2em}#helpContainer .helpSection p{padding:0 10px}#helpContainer .helpSection a{text-decoration:none;color:#1db16b}#helpContainer .helpSection a:visited{color:#1db16b}#helpContainer .helpSection a:hover{color:white}@media screen and (min-width:768px){input[type=text]{width:55%;font-size:2.4em;margin:40px 20px 40px 0}ul#output li{width:200px}ul#output li .about{top:35%;left:35%;background-color:#1db16b;width:30%}h1{margin:60px auto}h2{width:260px;text-align:left;margin-left:2em}.helpSection{width:100%;margin-top:15%;text-align:center}.helpSection p{padding:0 10px}}