*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html,body{height:auto;width:100%;background-color:#040607;font-family:Poppins,sans-serif;scroll-behavior:smooth}h2{color:#fff;text-align:center;text-underline-offset:8px;padding:20px 0 10px}@media (min-width:601px){.movie-search-container{width:fit-content;margin:30px auto;height:30px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#fff}.search-icon{width:30px}.input-box{width:300px;height:100%;color:#fff;outline:none;border:none;border-bottom:2px solid lightgray;background-color:transparent;font-size:18px;padding:10px 0;box-shadow:none!important}.input-box:focus{background:transparent!important;outline:none}::selection{background:#ff0;color:#000}.error-line{text-align:center;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}button{background-color:transparent;border:2px solid whitesmoke;border-radius:8px;color:#f5f5f5;padding:5px 12px}button:hover{background-color:transparent;border:2px solid lightslategray;border-radius:8px;color:#789;padding:5px 12px}.main-container{width:100%;height:fit-content;margin:0 auto;position:relative;z-index:1}.background-glow{position:absolute;margin:0 auto;width:100%;background-color:transparent;opacity:.5}.background-glow-roll{position:absolute;margin:0 auto;top:0;width:100%;background-color:transparent;opacity:.2}.movie-result-container{width:100%;height:fit-content;position:absolute;top:0;z-index:1;margin-bottom:400px}h3{color:#fff;text-align:center;margin:30px}.movie-result-sub-container{width:90%;margin:0 auto 150px;display:flex;gap:40px;justify-content:space-evenly;flex-wrap:wrap}.movie-flex-box{width:350px;height:400px;text-align:center}.movie-flex-box p{color:#fff;text-align:center;line-height:30px}.movie-details-flex{width:fit-content;margin:15px auto;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}.vertical-line{width:2px;height:400px;color:#fff;background-color:#fff}.text-details{color:#fff;line-height:40px;font-size:larger}.text-details h1{color:#fff;text-align:left;padding-bottom:40px}.back-btn button{width:120px;padding:5px 12px;margin:20px auto;position:absolute;top:100%;left:50%}.back-btn button:hover{background-color:transparent;border:2px solid lightslategray;border-radius:8px;color:#789;padding:5px 12px}footer{background-color:#040607;width:100%;padding:15px 0;color:#789;position:fixed;font-size:16px;bottom:0;left:0;text-align:center;margin:0 auto;z-index:1}footer a{text-decoration:none;color:#097a65}footer a:after{content:"Visit my GitHub 🚀";position:absolute;top:-25px;left:50%;transform:translate(-50%);background-color:transparent;color:#fff;padding:5px 10px;font-size:12px;border-radius:5px;white-space:nowrap;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;caret-color:transparent;outline:none;-webkit-user-select:none;user-select:none;z-index:1}footer a:hover:after{opacity:1;outline:2px dashed}}@media (max-width:600px){.movie-search-container{width:fit-content;margin:30px auto;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px;color:#fff}.search-icon{width:30px;margin-bottom:10px}.input-box{width:250px;height:100%;color:#fff;outline:none;border:none;border-bottom:2px solid lightgray;background-color:transparent;font-size:14px;text-align:center;padding:10px 0;box-shadow:none!important}.input-box:focus{background:transparent!important;outline:none}::selection{background:#ff0;color:#000}.error-line{text-align:center;position:absolute;font-size:12px;top:-10px;left:50%;transform:translate(-50%,-50%)}.movie-search-container button{background-color:transparent;border:2px solid whitesmoke;border-radius:8px;color:#f5f5f5;padding:5px 12px;margin-top:20px auto;position:absolute;top:220px;z-index:10}.movie-search-container button:hover{background-color:transparent;border:2px solid lightslategray;border-radius:8px;color:#789;padding:5px 12px;z-index:10}.main-container{width:100%;height:fit-content;margin:0 auto;position:relative;z-index:1}.background-glow{position:absolute;margin:0 auto;width:100%;background-color:transparent;opacity:.5;z-index:-10}.background-glow-roll{position:absolute;margin:0 auto;top:0;width:100%;background-color:transparent;opacity:.2;z-index:-10}.movie-result-container{width:100%;height:fit-content;position:absolute;top:70px;z-index:1;margin-bottom:400px}h3{color:#fff;text-align:center;margin:30px}.movie-result-sub-container{width:90%;margin:0 auto 150px;display:flex;gap:40px;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap}.movie-flex-box{width:300px;height:400px;text-align:center}.movie-flex-box p{color:#fff;text-align:center;font-size:12px;line-height:30px}.movie-details-flex{width:100%;margin:10px auto 150px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}.vertical-line{width:100%;padding:0 10px;height:1.5px;color:#fff;background-color:#fff;border-radius:12px}.text-details{color:#fff;line-height:auto;font-size:16px;text-align:center}.text-details h1{color:#fff;text-align:left;font-size:xx-large;padding-bottom:0;text-align:center}.back-btn button{background-color:transparent;border:2px solid whitesmoke;border-radius:8px;color:#f5f5f5;padding:5px 12px;margin-top:20px auto;position:absolute;bottom:100px;left:40%;z-index:10}.back-btn button:hover{background-color:transparent;border:2px solid lightslategray;border-radius:8px;color:#789;padding:5px 12px;z-index:10}footer{background-color:#040607;width:100%;padding:15px 0;color:#789;position:fixed;font-size:12px;bottom:0;left:0;text-align:center;margin:0 auto;z-index:1}footer a{text-decoration:none;color:#097a65}footer a:after{content:"Visit my GitHub 🚀";position:absolute;top:-25px;left:50%;transform:translate(-50%);background-color:transparent;color:#fff;padding:5px 10px;font-size:10px;border-radius:5px;white-space:nowrap;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;caret-color:transparent;outline:none;-webkit-user-select:none;user-select:none;z-index:1}footer a:hover:after{opacity:1;outline:2px dashed}}