.hangman-section{padding-top:110px}.container-hangman{display:flex;flex-direction:column;justify-content:center;align-items:center}.port_heading h1{margin:0}.right-hangman{padding:20px;text-align:center;box-shadow:rgba(232,232,232,0.1)0px 4px 12px}.right-hangman h3{color:#fff;margin:0}.letters-hangman{width:400px;height:300px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px;margin:0 auto}.btn-hangman{width:100px;height:40px;font-size:30px;border-radius:5px;background-color:#f0ffad;border:none;transition:2s;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,0.32);font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif}.btn-hangman:active{position:relative;bottom:-2px}.letter{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background-color:#000;border-radius:10px;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,0.32);text-transform:uppercase;font-family:Verdana,Geneva,Tahoma,sans-serif}.letter:active{position:relative;bottom:-2px}.secret-hangman{width:400px;height:100px;margin:0 auto;display:flex;gap:8px;justify-content:center}.let{width:50px;height:50px;border-bottom:1px solid #fff;display:flex;justify-content:center;align-items:center;font-size:25px;text-transform:uppercase}.animation-hangman{width:700px;height:550px;background-position:center;background-size:contain;background-repeat:no-repeat}.time-hangman{margin-top:20px;width:150px;height:60px;color:red;font-size:36px;font-weight:500;text-align:center;border:10px solid red;border-radius:50px}.modal{position:fixed;top:70px;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.846);display:none;justify-content:center;align-items:center;color:white;font-size:30px;text-align:center}.modal-message{height:100vh;background-color:rgba(219,7,7,0.7);padding:20px;font-size:40px;font-weight:bold;display:flex;justify-content:center;align-items:center}.hang_animayion{font-family:Josefin Sans,sans-serif;height:100%;width:100%;justify-content:center;align-items:center;display:flex}.hang_animayion_text{font-weight:100;font-size:28px;color:#fafafa}.dud{color:#757575}
@media screen and(max-width:900px){.letters-hangman{width:100%;height:auto}.hangman-section{width:100%}.secret-hangman{width:100%}.let{width:20px;height:30px;font-size:18px}.time-hangman{font-size:22px;height:40px;width:120px;border:5px solid red}}
@media screen and(max-width:480px){.port_heading h1{font-size:24px;margin:0}.animation-hangman{width:90%;height:220px}.right-hangman h3{color:#fff;font-size:15px;margin:10px 0}.letters-hangman{width:350px;height:145px}.secret-hangman{height:30px}.letter{width:30px;height:30px}.right-hangman{padding:0}.time-hangman{font-size:15px;height:29px;width:80px;border:5px solid red;margin-top:5px}.btn-hangman{width:60px;height:30px;font-size:20px}}