@charset "UTF-8";:host,body{font-family:Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:16px;color:#333;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0}h1,h2,h3,h4,h5,h6{margin:8px 0}p{margin:0}.spacer{flex:1}.toolbar{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;background-color:#1976d2;color:#fff;font-weight:600}.toolbar img{margin:0 16px}.toolbar #twitter-logo{height:40px;margin:0 8px}.toolbar #youtube-logo{height:40px;margin:0 16px}.toolbar #twitter-logo:hover,.toolbar #youtube-logo:hover{opacity:.8}.content{display:flex;margin:82px auto 32px;padding:0 16px;max-width:960px;flex-direction:column;align-items:center}svg.material-icons{height:24px;width:auto}svg.material-icons:not(:last-child){margin-right:8px}.card svg.material-icons path{fill:#888}.card-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:16px}.card{all:unset;border-radius:4px;border:1px solid #eee;background-color:#fafafa;height:40px;width:200px;margin:0 8px 16px;padding:16px;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all .2s ease-in-out;line-height:24px}.card-container .card:not(:last-child){margin-right:0}.card.card-small{height:16px;width:168px}.card-container .card:not(.highlight-card){cursor:pointer}.card-container .card:not(.highlight-card):hover{transform:translateY(-3px);box-shadow:0 4px 17px #00000059}.card-container .card:not(.highlight-card):hover .material-icons path{fill:#696767}.card.highlight-card{background-color:#1976d2;color:#fff;font-weight:600;border:none;width:auto;min-width:30%;position:relative}.card.card.highlight-card span{margin-left:60px}svg#rocket{width:80px;position:absolute;left:-10px;top:-24px}svg#rocket-smoke{height:calc(100vh - 95px);position:absolute;top:10px;right:180px;z-index:-10}a,a:visited,a:hover{color:#1976d2;text-decoration:none}a:hover{color:#125699}.terminal{position:relative;width:80%;max-width:600px;border-radius:6px;padding-top:45px;margin-top:8px;overflow:hidden;background-color:#0f0f10}.terminal:before{content:"\2022\2022\2022";position:absolute;top:0;left:0;height:4px;background:rgb(58,58,58);color:#c2c3c4;width:100%;font-size:2rem;line-height:0;padding:14px 0;text-indent:4px}.terminal pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:#fff;padding:0 1rem 1rem;margin:0}.circle-link{height:40px;width:40px;border-radius:40px;margin:8px;background-color:#fff;border:1px solid #eeeeee;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:1s ease-out}.circle-link:hover{transform:translateY(-.25rem);box-shadow:0 3px 15px #0003}footer{margin-top:8px;display:flex;align-items:center;line-height:20px}footer a{display:flex;align-items:center}.github-star-badge{color:#24292e;display:flex;align-items:center;font-size:12px;padding:3px 10px;border:1px solid rgba(27,31,35,.2);border-radius:3px;background-image:linear-gradient(-180deg,#fafbfc,#eff3f6 90%);margin-left:4px;font-weight:600}.github-star-badge:hover{background-image:linear-gradient(-180deg,#f0f3f6,#e6ebf1 90%);border-color:#1b1f2359;background-position:-.5em}.github-star-badge .material-icons{height:16px;width:16px;margin-right:4px}svg#clouds{position:fixed;bottom:-160px;left:-230px;z-index:-10;width:1920px}@media screen and (max-width: 767px){.card-container>*:not(.circle-link),.terminal{width:100%}.card:not(.highlight-card){height:16px;margin:8px 0}.card.highlight-card span{margin-left:72px}svg#rocket-smoke{right:120px;transform:rotate(-5deg)}}@media screen and (max-width: 575px){svg#rocket-smoke{display:none;visibility:hidden}}input{border:1px solid gray;border-radius:5px;padding:.5rem}ul{list-style:none;border-radius:5px;padding-left:.5rem}ul.movies>li{cursor:pointer;padding:.5rem;margin:.5rem;border:2px dashed transparent;border-radius:5px}ul.movies>li:hover{border:2px dashed gray}.modal{box-sizing:border-box;border:1px solid gray;border-radius:5px;box-shadow:1px 2px 10px;overflow-y:auto}.modal .button.close{position:absolute;top:10px;right:10px}legend,button,.button{cursor:pointer}.movie-details ol{padding:0;list-style:none}.movie-genres li{display:inline-block;border:1px solid gray;border-radius:5px;padding:2px 5px;margin-right:5px}.movie-poster{max-width:300px;max-height:400px}.no-results{display:flex;justify-content:center;align-items:center;padding:20px;flex-direction:column}main.search{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"search" "movies";height:100vh}main.search>form{grid-area:search;display:flex;justify-content:center;align-items:center;padding:5px 10px}main.search>form fieldset{margin:0;padding:.5rem;border:0}main.search>form fieldset.parents>*{vertical-align:middle}main.search>form fieldset.parents>label{font-size:.6rem}main.search>section{grid-area:movies;overflow-y:scroll;overflow-x:hidden}@media screen and (max-width: 767px){body{font-size:14px}ul.movies{padding-left:.25rem}ul.movies>li{padding:.25rem;margin:.25rem}.modal{background:white;padding:15px;position:sticky;top:10px;margin:10px}.movie-poster{max-width:200px;max-height:300px}}@media screen and (min-width: 768px){.modal{width:55vw;max-height:80vh;position:fixed;top:10vh;left:42vw;background-color:#fff2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:30px}}img.imdb{width:44px}ul.movie-genres,span:has(img.imdb){display:inline-block;vertical-align:middle}.results-found{padding:.3rem;font-size:smaller}