@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;1,300&display=swap";*{margin:0;border:0;font-family:Poppins}a{text-decoration:none}body{background-color:#0f171e}.App{min-height:100vh;display:flex;flex-direction:column}.header{background-color:#1a242f;height:72px;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.logo{color:#fff;font-size:20px;font-weight:600;text-decoration:none}.user-image,.user-image img{width:38px;height:38px}.search-bar{width:50%;display:flex;justify-content:center}.search-bar form{width:70%;display:flex;justify-content:center}.search-bar form button{padding:0 8px;font-size:20px;cursor:pointer;height:38px}.search-bar form input{font-size:18px;width:100%;padding:5px 5px 5px 10px;outline:none}.footer{background-color:#1a242f;height:72px;display:flex;justify-content:center;align-items:center;color:#fff;flex-direction:column;margin-top:auto}.card-item{background-color:#1a242f;cursor:pointer;transition:all .3s ease-in-out}.card-item:hover{scale:1.05}.card-top{height:300px}.card-top img{width:100%;height:100%}.card-info{color:#fff}.card-info h4{font-size:22px;font-weight:400;margin-bottom:10px}.card-bottom{padding:20px}.movie-list{margin:20px 0}.movie-list h2{color:#79b8f3;margin-bottom:10px;font-weight:400}.movie-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:15px}.movie-section{display:flex;justify-content:space-evenly;padding:40px 0;color:#fff;font-weight:400}.movie-rating{padding-left:3px;margin-top:20px;color:#79b8f3;display:flex}.movie-rating span{margin-right:20px}.movie-title{font-size:40px;color:#fff}.movie-plot{margin-top:20px;line-height:1.8rem}.movie-info>div span:first-child{padding:10px 0;color:#fff;font-weight:600;width:100px;display:inline-block}.movie-info>div span{color:#79b8f3}.section-right{margin-left:30px}