body{font-family:sans-serif;margin:20px;padding:0}#genre{font-weight:700;color:#7a5af5}.question{white-space:pre-wrap}#app{position:relative}.app-container{transition:background-color .3s,color .3s}#answer-display{padding-top:20px}#answer1{background-color:#fff;color:#333;border-radius:10px}#navbar{display:flex;justify-content:space-between;align-items:center;background-color:gray;color:#fff;padding:10px 20px}#navbar button{background-color:transparent;border:none;color:#fff;font-size:16px;cursor:pointer}#navbar button:hover{text-decoration:underline}.leftbar{position:fixed;top:0;left:-400px;width:400px;height:100%;background-color:#88807b;transition:left .3s ease-in-out}.leftbar.open{left:0}.rightbar{position:fixed;top:0;right:-400px;width:400px;height:100%;background-color:#88807b;transition:right .3s ease-in-out}.rightbar.open{right:0}.support-button{background-color:transparent;border:none;color:#fff;font-size:16px;text-decoration:none;cursor:pointer}.support-button:hover{text-decoration:underline}.appbody{background-color:#121212;box-sizing:border-box;color:#fff;text-align:center;position:fixed;width:100%;height:100%;left:0;top:0}.navbar{background-color:#282828;align-items:center;display:flex;justify-content:space-between}.button-container{justify-content:space-between;display:flex;width:30%;align-items:center;margin:20px auto 0}.ProfilBody{background-color:#3f3f3f;color:#fff;text-align:center}.help-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:"#282828";display:flex;justify-content:center;align-items:center;z-index:2000}.help-popup{background-color:#333;color:#fff;padding:20px;width:500px;height:700px;border-radius:5px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center}.close-button{background-color:transparent;border:none;color:#fff;font-size:28px;cursor:pointer}.close-button:hover{text-decoration:underline}