body{font-family:Helvetica,arial,sans-serif !important;background:#fff;color:#303030;overflow-y:scroll}.movies,.footer,.header{max-width:1400px;margin:auto}.header{overflow:hidden}.search{clear:both;height:5em}#tit{padding-left:2rem}.search span{overflow:hidden;position:relative;display:block;padding:0 4px 0 15px;line-height:5em;padding-right:1.7em}#del{position:absolute;right:0;top:0;padding:0;text-decoration:none;font-size:140%;opacity:0;transition:opacity .3s;color:#303030}#del.active{opacity:100;transition:opacity .3s}.search label{float:left;line-height:5em;font-style:italic}.search input::placeholder{color:#CCC;opacity:100;transition:color .3s}[placeholder]{text-overflow:ellipsis}.search input{width:100%;border:1px solid #fff;border-bottom:1px solid #AAA;font-size:120%;padding:.3em;padding-left:.3em;color:#666;padding-right:1.7em;transition:color .3s}.search input:focus{outline:0;color:black;border-bottom:1px solid #AAA;transition:color .3s}.search input:focus::placeholder{color:#AAA}#logo{float:left}#menu{float:right;line-height:2em}#menu a{padding-left:15px;font-weight:bold;text-decoration:none;color:#303030}.footer a{text-decoration:none;color:#303030}.footer p{float:right;margin-top:2em;margin-right:1em}h3{font-size:220%;margin:0}h3 a{text-decoration:none}h3 .dont{color:#f77e5e}h3 .watch{color:#3dbd5d}h4{padding:0;margin:0;padding-top:5px;clear:both}.movies table{width:100%;border-collapse:separate;border-spacing:0 7px}.movies table tbody tr{background:#f4f4f4}.movies td:nth-child(1){font-weight:bold;font-size:130%;padding-left:2rem;padding-bottom:10px;padding-top:10px;position:relative}.movies td:nth-child(3){width:20%}td{padding-right:5px}th{text-align:left;cursor:pointer;user-select:none}td:nth-child(6){font-weight:bold}td a{text-decoration:none;color:inherit}.w td:nth-child(6){color:#3dbd5d}.dw td:nth-child(6){color:#f77e5e}.about{float:right}.title{float:left}td,th{width:auto}td:nth-child(1),th:nth-child(1){width:40%;overflow:hidden}td:nth-child(1)>a:nth-child(1){opacity:0;margin-right:10px;font-size:70%;color:#CCC;transition:opacity .2s;transition-delay:.1s;position:absolute;background-color:transparent !important;left:.5em;top:50%;margin-top:-0.6em}td:nth-child(1) span{display:block;float:right;margin-top:2px}td:nth-child(1) span a{opacity:0;font-size:70%;color:white;background-color:#e4e4e4;border-radius:10px;padding:3px 5px;transition:opacity .2s;transition-delay:.1s;float:right;margin-right:.2em;margin-left:.2em;transition:background-color .2s;transition-delay:.1s}tr:hover td:nth-child(1) a{opacity:100;transition:opacity .2s;transition-delay:.1s}tr td:nth-child(1) a:hover{background-color:#AAA;transition:background-color .2s;transition-delay:.1s}#overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;opacity:.85;background-color:#000;z-index:2;cursor:pointer}#overlaytext{font-size:150%;color:#eee;width:80%;max-width:700px;margin:auto;margin-top:6em}@media screen and (max-width:800px){#overlaytext{font-size:130%}#menu{font-size:90%}}@media screen and (max-width:650px){label{display:none}.search span{padding-left:0}h3{font-size:180%}h4{font-size:90%}.search input{font-size:110%}.movies table{border-spacing:0 14px}thead{display:none}tr td:nth-child(2){float:left;padding-left:2rem}tr td:nth-child(2)::after{content:" - "}tr td:nth-child(4){float:left;padding-left:2rem}tr td:nth-child(5) a{font-style:italic;border-radius:20px;padding:5px;background:#DDD;font-size:91%}tr td:nth-child(6)::before{color:#303030;font-weight:normal;content:"Rating: ";float:left;padding-right:.3rem}tr td:nth-child(6){padding-left:2rem;padding-bottom:.5rem}.movies td:first-child{font-weight:bold;width:auto}tbody td{display:block;margin-bottom:4px}tbody td:before{content:attr(data-th);display:block}#overlaytext{font-size:115%}.movies td:nth-child(3){width:auto;overflow:hidden}tr td:nth-child(1) a,tr td:nth-child(1) span a{opacity:100 !important;background-color:#DDD !important}}@media screen and (max-width:400px){h3{font-size:160%}h4{font-size:80%}.search input{font-size:100%}.movies td:first-child{font-size:110%}tr td:nth-child(6){font-size:100%}#overlaytext{font-size:100%}}@media(hover:none),(hover:on-demand){tr td:nth-child(1) a,tr td:nth-child(1) span a{opacity:100 !important;background-color:#DDD !important}}
