body{font-family:Arial,sans-serif;text-align:center;background-color:#0e0d0d;color:#fff;transition:background .3s , color .3s}.container{max-width:100%;width:100%;margin:0;padding:0;background:#fff;border-radius:0}.main-container{max-width:400px;margin:0 auto;padding:20px;background:#222;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2)}button{background:#ff4757;color:#fff;border:none;padding:10px;cursor:pointer;margin:5px;border-radius:5px}input{padding:10px;width:80%;margin:10px 0;border:none;border-radius:5px}#rapNameDisplay{font-size:22px;font-weight:bold;margin:10px 0}#copyMessage{display:none;color:green;font-weight:bold}#myUniqueList{list-style:none;padding:0}#myUniqueList li{background:#333;margin:5px;padding:10px;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.copy-icon{background:none;border:none;color:#fff;font-size:16px;cursor:pointer}.dark-mode{background:#fff;color:#fff}.custom-copy-icon svg path{fill:white}.custom-copy-icon:hover svg path{fill:limegreen}#copyMessage{display:none;color:green;font-weight:bold}.rap-container{max-width:800px;margin:auto;background:#1e1e1e;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(46,45,45,.1);margin-top:10em}h1,h2{color:#fc0}ul{text-align:left;padding-left:20px}.faq{margin-top:20px;text-align:left}.faq-item{background:#333;padding:10px;margin:10px 0;border-radius:5px;cursor:pointer}.faq-item p{display:none;margin-top:5px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif}header{background-color:#fff;width:100%;box-shadow:0 2px 5px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.navbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 20px;max-width:1200px;margin:0 auto}.navbar-brand{display:flex;align-items:center;text-decoration:none;color:#000;font-weight:bold;font-size:20px}.navbar-brand img{height:30px;width:30px;margin-right:10px}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:5px}.menu-toggle span{height:3px;width:25px;background-color:#333;display:block;border-radius:2px}.navbar-nav{display:flex;flex-direction:row;align-items:center;list-style:none}.navbar-nav li{position:relative}.navbar-nav a{display:block;text-decoration:none;color:#000;padding:10px 15px}.navbar-nav a:hover{background-color:#e9ecef}.dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:220px;box-shadow:0 2px 5px rgba(0,0,0,.15);z-index:999}.dropdown a{padding:10px 15px;border-bottom:1px solid #f1f1f1}.dropdown a:last-child{border-bottom:none}.navbar-nav li:hover .dropdown{display:block}.social-icons{display:flex;gap:10px}.social-icons a{color:#000;font-size:18px}@media (max-width:768px){.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#fff}.menu-toggle{display:flex;position:fixed;top:15px;right:20px;z-index:101}.navbar-nav{display:none;width:100%;flex-direction:column;background-color:#fff;margin-top:50px}.navbar-nav.show{display:flex}.navbar-nav li{width:100%}.navbar-nav li:hover .dropdown{position:static;box-shadow:none}.dropdown{position:static;box-shadow:none;display:none;width:100%}.navbar-nav li.open .dropdown{display:block}.social-icons{display:none}}#footer{bottom:0;left:0;width:100%;text-align:center;padding:15px;background-color:#2e3740;color:#fff;font-size:16px;border-top:1px solid #ddd;margin-top:5em}#footer a{color:#fff;text-decoration:none;margin:0 10px}#footer a:hover{text-decoration:underline}#footer{font-size:16px}#footer a{margin:5px}