body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{align-items:center;background-color:#000;box-shadow:0 0 10px 7px #0000004d;color:#fff;display:grid;font-size:calc(10px + 2vmin);grid-template-columns:1fr 2fr 1fr;justify-items:center;min-height:150px}.logo{width:100px;@media (min-width:768px){width:150px}}.select-container{width:90%}.hidden{visibility:hidden}.person-picker{background-color:"white";height:40px;margin-bottom:20px;width:100%}.mode-button{background:#000;border:none;color:#807777;&:hover{color:#f5f5f5;& svg{transform:scale(1.1)}}}.active-button{color:#fff}.error-view,.idle-view,.loading-view{padding-top:25vh;text-align:center;p{font-size:20px;font-style:italic}a{color:inherit;text-decoration:none}}.error-view,.loading-view{img{height:300px}}.idle-image{left:50%;margin-top:20px;opacity:.05;position:absolute;top:50%;transform:translate(-50%,-50%);width:70vw;z-index:-1;@media (min-width:768px){margin-top:100px}}.film-view{padding-top:50px}.card-row{display:grid;flex-wrap:wrap;grid-template-columns:1fr;justify-content:space-around;margin:0 auto;@media (min-width:768px){grid-template-columns:1fr 1fr}@media (min-width:1200px){grid-template-columns:1fr 1fr 1fr}}.movie-card{border:1px solid #d3d3d3;box-shadow:2px 2px 5px 0 #0000004d;flex:0 0 25%;margin:20px auto;padding:20px;transition:.1s;width:80vw;@media (min-width:768px){margin-bottom:20px;margin-left:20px;margin-right:20px;margin-top:20px;width:auto}}.movie-card:hover{box-shadow:5px 5px 10px 0 #00000080;cursor:pointer;margin-top:15px;transition:.2s}.movie-row{border-bottom:1px solid #d3d3d3;height:120px;padding:10px;position:relative;width:100%}.movie-row:hover{background:#dcdcdc4d;cursor:pointer;transition:.2s}.movie-row-content{align-content:center;display:flex;text-align:center}.image-card{height:300px;@media (min-width:768px){height:350px}@media (min-width:1200px){height:400px}}.table-image-card{height:75px}.image-row{height:100px;left:100px;position:absolute}.movies{display:flex;flex-wrap:wrap;margin:0 8%;min-height:80vh}.movie-caption{border-top:1px solid #d3d3d3;margin-top:20px;padding-top:10px}#customized-dialog-title{span{color:#2c282c;font-size:16px}}.modal-credits{margin-top:20px}.film-row{cursor:pointer;transition:all .3s;&:hover{background-color:#fbf9f9;& .table-image-card{transform:scale(1.1)}}}
/*# sourceMappingURL=main.d870bb8f.css.map*/