.App{text-align:center;background-color:#07031b}.App-header{background-color:#761d1d;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;padding:20px;cursor:pointer}.spinner{height:80px;margin:auto}.App-intro{font-size:large}.type{color:#fff}.box{border-radius:15px;display:flex;align-items:center;padding:10px;min-width:300px;max-height:300px;margin-bottom:.4em}.box,.box>input{height:20px;background-color:#1e2946;color:#fff}.box>input{flex:1 1;border:none;outline:none;font-size:18px;padding-left:7px}.box-button{display:none}.movies{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;background-color:#07031b}.movie-details{margin-top:1em}.App-header h2{margin:0}.movie-title{color:#fff}.search{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:10px;background-color:#07031b}input[type=submit]{background-color:#07031b;color:#fff;border:2px solid #1e2946;border-radius:10px;width:80px;margin-left:5px;cursor:pointer;margin-bottom:.4em}input[type=submit]:hover{background-color:#761d1d;color:#faebd7}.movie-button button{background-color:#761d1d;color:#fff;padding:10px;border-radius:10px}.detail{background-color:#07031b;color:#fff}.overview{margin-left:2em}.content{display:grid;grid-template-columns:1fr 2fr;justify-content:space-between;grid-gap:5em;align-items:center;margin:auto auto 12em}.searched-img{display:flex;justify-content:center;align-items:center;margin-left:auto}.searched-img img{width:100%;height:100%}.row{display:flex;justify-content:space-between;margin-bottom:2em}.plot{margin-top:8em;font-size:larger}.propDIv{border-radius:10px;padding:1em;box-shadow:0 11px 4px hsla(0,1%,58%,.01),0 6px 4px rgba(75,73,73,.03),0 3px 3px rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.05),0 0 0 rgba(0,0,0,.05)}@media screen and (min-width:694px) and (max-width:915px){.movie{max-width:33%}.searched-img{margin-top:1em}}@media screen and (min-width:652px) and (max-width:693){.movie{max-width:50%}.searched-img{margin-top:2em}}@media screen and (max-width:651px){.movie{max-width:100%;margin:auto}.searched-img{margin-top:2em}}@media screen and (max-width:600px){.movie{width:100%}.content,.row{display:block}.plot,.searched-img{margin-top:2em}}