body{margin:0;font-family:Poppins,sans-serif;color:#fff;background-color:#000}.main-div{min-height:100vh;background-image:url(/assets/background-B6fyrnUm.webp);background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px;text-align:center}h1{font-size:3rem;margin-bottom:20px;text-shadow:2px 2px 5px black}h2{font-size:2rem;margin-bottom:10px;text-shadow:1px 1px 4px black}h4{margin-right:10px}.health-container{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.health-bar-outer{width:200px;height:30px;border:3px solid white;background-color:#fff3;border-radius:10px;overflow:hidden;margin-left:10px}.health-bar-inner{height:100%;background-color:red;transition:width .5s ease-in-out}.flex-div{display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;gap:30px;margin-top:30px}.left-div,.right-div{background-color:#ffffff1a;padding:20px;border-radius:15px;box-shadow:0 0 10px #fff;width:40%;min-width:300px}button{background-color:#ff5722;color:#fff;border:none;padding:10px 20px;margin-top:10px;font-size:1rem;border-radius:8px;cursor:pointer;transition:background .3s ease;width:auto;min-width:100px}button:hover{background-color:#e64a19}img{margin-top:10px;max-width:100%;height:auto}@media (max-width: 900px){.flex-div{flex-direction:row;flex-wrap:wrap;justify-content:center}.left-div,.right-div{width:45%}img{max-width:90%;height:auto}}@media (max-width: 768px){.flex-div{flex-direction:column;align-items:center}.left-div,.right-div{width:80%}img{max-width:70%;height:auto}button{width:auto}.health-bar-outer{width:150px;height:25px}}@media (max-width: 480px){h1{font-size:2rem}.left-div,.right-div{width:90%;padding:15px}img{max-width:60%;height:auto}button{width:auto;font-size:.9rem;padding:12px}.health-bar-outer{width:120px;height:20px}}