*{margin:0;padding:0}#app{display:flexbox;padding:auto;margin:auto}html{height:100vh;height:100vw}html,body{height:100%;margin:2px;background-color:#323232;display:flex;flex-direction:column}body{justify-content:space-between}.Header{display:flex;background-color:#000;padding:12px;margin:12px;border-radius:10px;color:#fff;gap:10px;align-items:center;margin:1.5rem}.Cyan-Shadow{box-shadow:0 4px 20px #00fff799}.White-Shadow{box-shadow:0 4px 12px #fff9}.Cyan-Border{box-shadow:0 0 4px #007bff99,0 0 8px #007bff80,0 0 12px #007bff66}.Content{display:flex;flex-direction:column;background-color:#000;padding:24px;margin:12px;border-radius:10px;gap:20px;margin:1.5rem}.Icon{width:3rem;height:3rem;border-radius:.5rem;background-color:#fff}.Container{padding:12px 40px;background-color:#141414;border-radius:10px;color:#fff;font-size:xx-large;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:left;gap:80px;margin:0 auto;width:80%}.Container img{max-width:400px;max-height:405px;border-radius:10px;box-shadow:0 4px 15px #0000004d;transition:transform .3s}.Container img:hover{transform:translateY(-5px)}.bold-text{font-weight:700}.TeamContainer{display:flex;flex-direction:row;gap:8rem}.TeamIntroContainer{align-content:center}.TeamIntroContainer p{padding:.5rem}.Title{font-size:3rem;font-weight:700;margin-bottom:20px;text-align:center}.MemberInfoContainer{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.MemberInfo{display:flex;align-items:flex-start;gap:20px;max-width:80%;padding:20px;border-radius:10px;background-color:#ffffff1a}.MemberAvatar{width:200px;height:200px;border-radius:50%;box-shadow:0 4px 10px #0000004d}.MemberDetails{display:flex;flex-direction:column;gap:8px}.MemberName{font-size:2rem;font-weight:700;color:#74ff7f}.MemberTitle{font-size:1rem;color:#51f3ff}.MemberDescription{font-size:1.2rem;color:#ffffffb3;max-width:300px}.NavigationButtons{display:flex;align-items:center;gap:30px;padding-top:.5rem}.NavigationButtons button{font-size:2rem;padding:2px 120px;background-color:#5cffe4b3;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .2s,background-color .2s;margin-bottom:1rem}.NavigationButtons button:hover{transform:scale(1.1);background-color:#00ffb3}.MembersGroupPicContainer{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:20px}.MembersGroupPicContainer img{max-width:60%;max-height:80%;border-radius:10px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 4px 12px #ffffffb3}.GameSBS_Container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:10px;max-width:720px;width:100%}.fading{opacity:.1;transition:opacity 1s ease-out}.GameSBS_Container img{max-width:100%;width:720px;border-radius:10px;box-shadow:0 0 30px 5px #ffffffb3;transition:transform .3s ease,box-shadow .3s ease,opacity 1s ease-out;margin-top:1rem}.image-container{position:relative;width:100%;height:480px;overflow:hidden;border-radius:12px;margin-top:40px}.placeholder{position:relative;width:100%;height:100%;width:auto;min-width:240px;max-height:480px;background-color:#ccc;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#666;z-index:1;border-radius:12px}.image-container img{width:auto;max-width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:12px}.image-container img:hover{transform:scale(1.2);cursor:pointer}.api-test-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;border-radius:12px}.GeneralButtons{display:flex;align-items:center;padding-top:2rem;justify-content:center;max-width:100%}.GeneralButtons button{font-size:1.2rem;padding:12px 30px;width:180px;background-color:#4da6ef;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .2s,background-color .2s;margin-bottom:1rem}.GeneralButtons button:hover{transform:scale(1.05);background-color:#65deff}.pink-button{background-color:#fb7c92!important}.pink-button:hover{transform:scale(1.05)!important;background-color:#ff97a7!important}.Footer{display:flex;background-color:#000;padding:8px;margin:12px;border-radius:10px;color:#fff;gap:10px;align-items:center;justify-content:center;margin:1.5rem}.Footer a{color:#969696;text-decoration:none}.title-text{font-size:48px;text-align:center}.x-large-text{font-size:x-large}.large-gray-text{font-size:large;color:#9ca8b4;text-align:right}@media only screen and (max-width:910px){.Container{display:flex;flex-direction:column}}