@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap);:root{--primary:#032541;--secondary:#21d07a;--white:#fff}body{font-family:Source Sans Pro,sans-serif;margin:0;padding:0}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}*,:after,:before{box-sizing:border-box}.btn{background-color:#21d07a;background-color:var(--secondary);border:none;border-radius:5px;color:#032541;color:var(--primary);display:inline-block;font-size:1rem;font-weight:700;line-height:1.1;padding:10px 15px;text-transform:uppercase;transition:all .3s ease}.btn:hover{background-color:#1aa762;cursor:pointer;opacity:1}.btn:disabled{opacity:.5;pointer-events:none}input:focus{outline:none}header{background-color:#032541;background-color:var(--primary)}header .inner-content{align-items:center;display:flex;justify-content:space-between;padding:10px 0}header a{color:#fff;color:var(--white);font-size:1.25rem;text-decoration:none;transition:all .3s ease}header a:hover{opacity:.7}header .brand a{font-size:1.5rem;font-weight:700}header .nav-links{align-items:center;display:flex;list-style:none;margin:0;padding:0}header .nav-links li{display:inline-block;margin-right:30px}header .nav-links li:last-child{margin-right:0}.add-content{margin:0 auto;max-width:600px;padding:50px 0}.add-content .input-wrapper input{background-color:#032541;background-color:var(--primary);border:none;border-radius:5px;color:#fff;color:var(--white);font-size:1.25rem;padding:10px;width:100%}.results{margin:20px 0 0;padding:0}.results li{list-style:none}.result-card{display:flex;margin-bottom:20px}.filler-poster,.result-card .poster-wrapper img{background-color:#dbdada;border-radius:5px;color:transparent;display:block;height:113px;margin-right:15px;width:75px}.result-card .info{display:flex;flex-direction:column;justify-content:space-between}.result-card .info .title{font-weight:600}.result-card .info .release-date,.result-card .info .title{color:#032541;color:var(--primary);font-size:1.25rem;margin:0}.result-card .info .release-date{font-weight:300}.result-card .controls button{margin-right:10px}.movie-page{padding:30px 0}.movie-page .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.count-pill{background-color:#21d07a;background-color:var(--secondary);border-radius:999px;display:block;font-size:1.125rem;font-weight:600;padding:5px 15px}.count-pill,.movie-page .heading{color:#032541;color:var(--primary)}.movie-page .heading{margin:0}.movie-grid{grid-gap:30px;display:grid;grid-template-columns:repeat(3,1fr)}@media (min-width:992px){.movie-grid{grid-template-columns:repeat(5,1fr)}}.movie-card{border:0;border-radius:5px;overflow:hidden;position:relative}.movie-card,.movie-card img{display:block;width:100%}.movie-card .overlay{border:2px solid transparent;height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:100%}.movie-card:hover .overlay{border:3px solid #21d07a;border:3px solid var(--secondary)}.movie-card .inner-card-controls{background-color:red;background:rgba(0,0,0,.8);border-radius:5px;bottom:20px;display:inline;left:50%;opacity:0;padding:3px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s ease}.movie-card:hover .inner-card-controls{opacity:1}.ctrl-btn{background-color:transparent;border:none;color:#fefefe;font-size:1.25rem;margin:0;padding:5px;transition:all .3s ease}.ctrl-btn:hover{color:#21d07a;color:var(--secondary);cursor:pointer}.movie-page .no-movies{color:#c4c4c4;font-size:3rem;text-align:center}
/*# sourceMappingURL=main.c3037ca2.css.map*/