body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{box-sizing:border-box;background-color:#84bba9}body .App{text-align:center}body .App .container{margin:auto;width:90vw}body .App .container h1{font-size:60px;color:#fff}@media (max-width:500px){body .App .container h1{font-size:45px}}body .App .container header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:20px 10px;padding:0}@media (max-width:500px){body .App .container header{flex-direction:column}}@media (min-width:768px) and (max-width:1280px){body .App .container header{flex-direction:column}}body .App .container h1,body .App .container h2,body .App .container h3,body .App .container h4{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}body .App .container .filters{display:flex;display:row;justify-content:center;background-color:#fff}@media (max-width:500px){body .App .container .filters{flex-direction:column;margin-top:10px}}@media (min-width:768px) and (max-width:1280px){body .App .container .filters{margin-top:10px;flex-direction:row;width:81vw;justify-content:space-between}}body .App .container li,body .App .container ul{list-style:none;-webkit-padding-start:0;padding-inline-start:0}body .App .container a{text-decoration:none}body .App .container .filter-search,body .App .container .filter-status{background-color:#fff;height:50px;padding:0 20px;display:flex;justify-content:center;align-items:center}body .App .container .filter-search input,body .App .container .filter-status input{margin-left:8px}body .App .container .filter-search input[type=text],body .App .container .filter-status input[type=text]{border:1px solid #d3d3d3}body .App .container .show-list{margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}body .App .container .show-list li{margin:5px}body .App .container .show-card{width:300px;height:450px;margin:10px;padding:10px 0;background-color:#fff;border:1px solid #d1d1d1;display:flex;flex-direction:column;align-items:center;position:relative}@media (max-width:500px){body .App .container .show-card{width:250px}}body .App .container .show-card .show-image{height:320px}body .App .container .show-card .show-image img{height:100%}body .App .container .show-card .show-full-info{position:absolute;bottom:0;left:0;width:100%;color:#000}body .App .container .show-card .show-full-info:hover{bottom:0;background-color:hsla(0,0%,100%,.8);height:150px;padding-top:20px}body .App .container .show-card .show-full-info:hover:after{content:"Click for more info";font-weight:700}body .App .container .show-card .show-full-info .show-title{font-size:13px;margin:auto;border-bottom:1px dashed #84bba9;width:200px}body .App .container .show-card li .show-info{margin:0}body .App .container .show-details{margin:auto;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center}@media (max-width:500px){body .App .container .show-details{flex-direction:column;height:auto;overflow-x:hidden}}body .App .container .show-details .show-details-image{width:500px;height:500px;background-color:#84bba9;padding:50px}@media (max-width:500px){body .App .container .show-details .show-details-image{width:400px;height:400px;padding:40px 0}}@media (min-width:768px) and (max-width:1280px){body .App .container .show-details .show-details-image{height:400px;padding:0}}body .App .container .show-details .show-details-image img{height:100%;border-radius:10px}body .App .container .show-details .show-details-full{width:500px;height:500px;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-around;align-items:center;text-align:justify;background-color:#84bba9;padding:50px;border-left:1px dashed #fff}@media (max-width:500px){body .App .container .show-details .show-details-full{width:250px;height:auto;border-top:1px dashed #fff;border-left:none;justify-content:flex-start;padding:10px}}@media (min-width:768px) and (max-width:1280px){body .App .container .show-details .show-details-full{width:320px}}body .App .container .show-details .show-details-full .show-details-title{font-size:70px;color:#fff}@media (max-width:500px){body .App .container .show-details .show-details-full .show-details-title{font-size:40px}}body .App .container .show-details .show-details-full .show-genres{-webkit-padding-start:0;padding-inline-start:0;display:flex;align-items:center}body .App .container .show-details .show-details-full .show-genres li{padding-left:5px}body footer{width:100vw;background-color:hsla(0,0%,100%,.1);margin-top:20px;padding:10px 0;color:#fff;font-size:13px}body footer a{text-decoration:none;color:#fff;font-weight:700}
/*# sourceMappingURL=main.d5b15068.chunk.css.map */