*{padding:0;margin:0;box-sizing:border-box}body{font-family:Source Sans Pro,sans-serif}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}ul{list-style:none;padding:0;margin:0}.btn{padding:10px 15px;background-color:#9090abdf;color:#fff;border-radius:5px;text-transform:uppercase;line-height:1.1;font-size:1rem;border:none;font-weight:700;display:inline-block;transition:all .3s ease}.btn:hover{background-color:#f0f8ff;color:#01010bdf;opacity:1;cursor:pointer}.btn:disabled{opacity:.5;pointer-events:none}input:focus{outline:none}.header{background-color:#010119ef;padding:10px 0}.header .container{display:flex;justify-content:space-between;align-items:center}.header a{color:#f0f8ff;font-size:1.25rem;text-decoration:none;transition:all .3s ease}.header a:hover{opacity:.7;cursor:pointer}.header .logo a{font-weight:700;font-size:1.5rem}.header .nav-links{display:flex;align-items:center;padding:0;margin:0;list-style:none;gap:20px}.header .nav-links li{display:inline-block;margin-right:30px}@media (max-width:575px){.header .nav-links li{margin:0 5PX}}.header .nav-links li:last-child{margin-right:0}.add-content{padding:50px 0;margin:0 auto;max-width:600px}.add-content .input-container input{width:100%;background-color:#1f1f61da;padding:10px;border-radius:5px;border:none;color:#f0f8ff;font-size:1.25rem}.results{padding:0;margin:20px 0 0}.movie-card{width:100%;border-radius:5px;border:0;display:block;overflow:hidden;position:relative}.movie-card img{width:100%;height:100%;object-fit:cover}.movie-card .overlay{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid blue;transition:all .3s ease}.movie-card:hover .overlay{border:3px solid white}.inner-card-controls{display:flex;align-items:center;position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#fff;border-radius:5px;padding:5px;opacity:0;transition:all .3s ease}.movie-card:hover .inner-card-controls{opacity:1}.ctrl-btn{color:#07034a;padding:5px;margin:0;border:none;font-size:1.25rem;transition:all .3s ease;border-radius:20px}.ctrl-btn:hover{color:#fff;cursor:pointer}.watch-list{padding:30px 0}.watch-list .main-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.movies-count{display:block;background-color:#060628;padding:5px 15px;font-size:1.125rem;font-weight:600;border-radius:999px;color:#0d0d35}.watch-list h1{color:#323251;margin:0;font-size:36px}.result-card{display:flex;margin-bottom:20px}.result-card .poster-wrapper img,.filter-poster{width:75px;height:113px;background-color:#00f;display:block;color:#f0f8ff;border-radius:5px;margin-right:15px}.result-card .info{display:flex;flex-direction:column;justify-content:space-between}.result-card .info .release-date{font-size:1.3rem;color:#041d33;margin:0;font-weight:300}.result-card .controls .btn{margin-right:10px}.watched{padding:30px 0}.watched .main-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.movies-count{display:block;background-color:#0a0a2b;padding:5px 15px;font-size:1.125rem;font-weight:600;border-radius:999px;color:#fff}.watched h1{color:#323251;margin:0;font-size:36px}.movie-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px}@media (min-width:992px){.movie-grid{grid-template-columns:repeat(5,1fr)}}