body{background-color:#f5f5f5;color:#333;font-family:Arial,sans-serif;margin:0;padding:0;transition:background-color .3s,color .3s}body.dark-mode{background-color:#333;color:#f5f5f5}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#5fce63;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center}.logo{width:50px;height:50px;margin-right:10px;border-radius:5px;object-fit:cover}.nav-bar{display:flex;align-items:center;gap:20px}@media (max-width: 768px){.nav-bar{display:none}}.nav-link{color:#fff;text-decoration:none;font-weight:700;transition:color .3s}.nav-link:hover{color:#ddd}.app-content{flex-grow:1;padding:20px;text-align:center}.app-footer{background-color:#333;color:#fff;text-align:center;padding:10px}.button{background-color:#333;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s;text-decoration:none}.button:hover{background-color:#555}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;display:none}.nav-card-link{display:flex;align-items:center;text-decoration:none;padding:8px 16px;border-radius:4px;font-weight:700}.side-bar{position:fixed;top:50px;right:10px;background-color:#fff;border-radius:7px;padding:10px;box-shadow:0 2px 5px #0000004d;z-index:1000;min-width:200px;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(-20px)}.side-bar:not(.open){display:none}body.dark-mode .side-bar{background-color:#333}.dark-mode-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;transition:color .3s;padding:8px 0 0 200px}@media (max-width: 768px){.nav-bar{display:block}.nav-link{display:none}.side-bar{display:table}.app-header{flex-direction:row-reverse}.logo-container{order:2}.logo-container,.dark-mode-toggle{margin-top:auto;margin-bottom:auto}.menu-toggle{top:auto;right:auto;display:flex}.menu-toggle,.dark-mode-toggle{position:relative;z-index:10}body.dark-mode .side-bar{background-color:#333}.side-bar.open{opacity:1;transform:translateY(0);display:block}}h2{color:#4caf50}h3{font-style:italic;color:#4caf50;margin-top:5px}.about-section{display:flex;flex-direction:column;align-items:center}.profile-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.profile-image{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:10px;box-shadow:0 2px 5px #0003}.profile-container h2{margin:0;font-size:1.5em;color:#eee}.profile-container .title{font-style:italic;color:#ccc;margin-top:5px}.bio-container h3{margin-bottom:10px;color:#aaa}.bio-container ul{list-style-type:none;padding:0;text-align:left}.bio-container li{margin-bottom:5px}.bio-container b{color:#bbb}body.dark-mode .profile-container h2,body.dark-mode .bio-container h3{color:#fff}.game_about_section{margin-top:20px}.carousel-slide{height:50%;background-size:contain}.carousel-container{display:flex;justify-content:space-around}