@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}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{align-items:center;display:flex;flex-direction:column;font-family:Source Sans Pro,sans-serif;min-height:100vh;min-width:100vw;overflow-x:hidden}#root{width:100%}.movie-watchlist-container{margin:auto;max-width:960px;width:90vw}.header{background-color:#032541;background-color:var(--primary);display:flex;justify-content:space-between;padding:1rem 2rem}.header,.header a{color:#fff;color:var(--white)}.header a{text-decoration:none}.header h1{font-size:3rem}.header-right{align-items:center;display:flex;gap:2rem}.header-right ul{display:flex;font-size:2rem;gap:2rem}.header-right ul li{cursor:pointer;font-weight:300;list-style:none}.btn{background-color:#21d07a;background-color:var(--secondary);border:1px solid #1aa762;border-radius:5px;cursor:pointer;font-size:1.5rem;font-weight:600;padding:.6rem 1rem}.btn a{color:#032541;color:var(--primary)}.btn:hover{background-color:#1aa762;cursor:pointer;opacity:1}.btn:disabled{opacity:.7;pointer-events:none}.watch-list,.watched{padding:2rem}.watch-list h2,.watched h2{font-size:3rem}.top{align-items:center;display:flex;justify-content:space-between}.movie-count{font-size:1.8rem}.add{align-items:center;display:flex;flex-direction:column;padding:4rem 2rem}.add input{background-color:#032541;background-color:var(--primary);border-radius:5px;color:#fff;color:var(--white);font-size:1.8rem;outline:none;padding:.75rem 1rem;width:60%}.movie-container-list{padding-top:10px;width:55%}.movie-container{display:flex;gap:1.5rem;padding:10px 0}.movie-container img{height:10rem}.movie-container h3{font-size:2rem}.movie-container .desc p{font-size:1.6rem;font-weight:400}.button{display:flex;gap:1rem;padding-top:15px}.btn-watchlist{border:1px solid #21d07a;border:1px solid var(--secondary)}.movie-watch-list,.movie-watched-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));padding-top:20px}.moviecard{position:relative}.moviecard img{width:100%}.movie-control{bottom:10px;color:#fff;color:var(--white);display:flex;gap:1rem;justify-content:center;left:0;position:absolute;right:0;visibility:hidden}.movie-control i{cursor:pointer;font-size:1.7rem}.moviecard:hover .movie-control{visibility:visible}@media (max-width:850px){.movie-watchlist-container{width:100%}.watch-list .movie-control,.watched .movie-control{visibility:visible}}@media (max-width:500px){.movie-watchlist-container{margin:auto;width:100%}.header{padding:1rem}.header h1{font-size:25px}.btn a span{display:none}.add{align-items:flex-start;padding:20px 0 20px 30px}.add input,.movie-container-list{width:90%}.movie-container img{height:12rem}}
/*# sourceMappingURL=main.b2fc5f75.css.map*/