:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.App{text-align:center;margin:auto;max-width:960px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App a{text-decoration:none}.App a:hover,.App a:focus{text-decoration:underline}.about .description{display:grid;grid-area:text;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;grid-template-areas:"summary summary" "rating hrs";gap:0 0;height:100%;margin:auto}.about .summary{grid-area:summary;text-align:left;margin-left:35px;margin-right:35px}.about .rating{grid-area:rating;text-align:center;margin:auto}.about .hrs{grid-area:hrs;text-align:center;margin:auto}.about .examples{display:flex}.rating-star{color:gold;vertical-align:middle}.hrs-star{color:#3cb371;vertical-align:middle}.show{display:grid;grid-template-rows:1fr 1fr 4fr;grid-template-columns:1fr 1fr 1fr;gap:0 0;height:100%;text-align:center;margin:auto;grid-template-areas:"poster title title" "poster rating hrs" "reviews reviews reviews"}@media (min-width: 700px){.show{grid-template-areas:"poster title title" "poster rating hrs" "poster reviews reviews"}}.show .poster{grid-area:poster;margin:auto}.show .poster img{max-height:600px;max-width:min(50vw,400px)}.show .title{grid-area:title;margin:auto}.show .rating{grid-area:rating;margin:auto}.show .hrs{grid-area:hrs;margin:auto}.show .reviews{grid-area:reviews;margin:auto}@media (max-width: 700px){.show .reviews{margin:10px}}.show .reviews a{color:#000;text-decoration:none}.show .reviews .App a:hover,.show .reviews .App a:focus{text-decoration:underline}.show .reviews svg{height:14px}.show-review-list{display:flex;flex-direction:column;justify-content:flex-end;padding:25px}.show-review-list-item{padding-left:25px;padding-right:25px}.blog{text-align:left;margin:50px 50px 0}.blog .articles{margin:2em;min-height:100vh}.blog .published{font-size:.8em;color:#777}.home h2{font-size:2rem;padding-top:25px;padding-bottom:25px}.show-list{display:grid;margin:auto 25px auto auto;grid-template-columns:repeat(3,1fr);grid-gap:1.5em}.show-list-item{display:grid;color:#000;grid-template-rows:2fr 1fr;grid-template-columns:2fr 1fr;gap:0 0;height:100%;margin:auto;grid-template-areas:"poster title" "poster score"}.show-list-item .poster{grid-area:poster}.show-list-item .poster img{max-height:200px;max-width:150px}.show-list-item .title{grid-area:title;text-align:center;display:flex;align-items:center}.show-list-item .year{grid-area:year}.show-list-item .score{grid-area:score}nav ul{display:flex;list-style-type:none;margin:0;padding:0;background-color:#333}nav li a{display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}nav li a:hover{background-color:#111}nav li.right{margin-left:auto}nav li.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#333;min-width:76px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-content a{color:#fff;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{background-color:#111}.dropdown:hover .dropdown-content{display:block}.search-bar #search-input{background:#696969 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAB6UlEQVRIie3TvWtTURjH8e9z7i1WHNJIa1FTb27upYsolIgO0ikuVgfr4iaIuLno4Cw4detfUFFcXMSXSfBl0IKDQbFiFZJ4EwIp1WoliJTenMdBFGnz0jSIS3/jOff3fO6Bc2Ar/zvSbtMf8ceNsReAMRBBeSuG64UoetgrYALPmwbJoTIlGs86xthY5DDKFUHmE4M7z+Xz+dVNAWE6fVWVIyuN+HS1Wv3x9142m+1b/rx0U5GlUvnjxa4Bz/N2u0h+Ve3+SqXytVkplUpt3+a47xrC8SiK3rcDzNoFV81JlHuthgP8OpXecmGy0wnWAQhpNXzoVFSYV9VM14CK1rEkNlBMKlLvGsCa5wYmOhUVmRD0WddAqVKaVaER7PPPtiplPO8E4I+Uyw86AU6zxV0DiSdWuJFMDpAJgnytVrO/fyj0/PPADMr9eiKZ+PJtea4d0PIlj6ZSe2PHmRZkHOSlilpRDgGvjJEpa/URygKGO8UougRoV8AfaM/oYKNv5YBV46rRuSiKFg4OD+/43t//Asxt0JworwuV6HIzpCPQKmEYDmkcP0b1LshRUd40Q9bfog2mUCh8wnGOAZMgT1UYCzz/2trvNg0AFIvFRVw3B/YMEKK62Mu8lgnDcChIp0/9k+Fb6Tk/ATpSs7UdbmGnAAAAAElFTkSuQmCC) no-repeat 5px 2px;width:300px;display:block;border:none;border-radius:25px;color:#fff;margin:11px;padding:5px 20px 5px 30px}.search-bar #search-results{position:absolute;z-index:1;color:#fff}.search-bar #search-results ul{display:block}