.app{min-height:100%;width:100%;z-index:1}.AppContainer{min-height:100vh;display:flex;flex:1;flex-direction:column;align-items:center}.pageContainer{display:flex;flex:1;width:100%}.Arrangement{display:flex;flex-direction:column;margin-left:5%;margin-right:5%;flex:1;justify-content:center;align-items:center}.undraggable{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.LogoMain{width:15vw}.HeaderMainpage{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-top:7vh;width:100%}.Button{background-color:#e7e7e7;border-radius:40px;border-width:0px;padding:2vh 3vw 2vh 3vw;font-family:Lexend,sans-serif;font-size:1.2vw;font-weight:600;width:auto;height:auto;flex:0 0 auto;display:inline-block;line-height:1;z-index:1}.Button:hover{background-color:#c7c7c7;cursor:pointer}.SettingsButton{display:flex;justify-content:center;width:calc(1.2vw + 4vh);height:calc(1.2vw + 4vh);padding:0}.SettingsIcon{width:1.2vw}.PersonalElements{display:flex;flex-direction:row;align-items:flex-start;gap:1vw}.BodyMainpage{width:100%;justify-content:center;align-items:center;display:flex;flex:1}.FooterMainpage{height:8vh;min-height:8vh;width:90%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:5vh}.AdWrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;justify-content:space-between;display:flex;flex-direction:row;flex:1;z-index:-999}.AdContainerSkyscraper{width:300px;height:250px;background-color:#e7e7e7;min-width:160px;z-index:-999}.AdContainerBanner{width:960px;height:90px;background-color:#e7e7e7;min-width:960px;z-index:-999}.MenuContainer{display:flex;flex-direction:row;gap:2vw;align-items:center;margin-left:3vw;margin-right:3vw}.MenuItem{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:25vw;height:25vw;background-color:#d9d9d9;border-radius:40px;border:0px;font-family:Lexend,sans-serif}.MenuItem:hover{background-color:#c7c7c7;cursor:pointer}.InnerMenu{display:flex;flex-direction:column;width:75%;gap:2vh}.MenuHeadline{font-weight:700;font-size:1.8vw}.MenuSubtitle{font-weight:500;font-size:1vw;color:#535353}.MenuDescription{font-weight:400;font-size:1.2vw}.LegaltextMP{display:flex;flex-direction:column;height:12vh;z-index:10;font-size:2vh;justify-content:center}.LegaltextButton{background-color:transparent;color:#535353;border:0px;font-size:2vh!important}.LegaltextButton:hover{cursor:pointer;color:#000}.Lexend{font-family:Lexend,sans-serif;font-size:1vw;font-weight:400}.BodyLogin{width:90%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;flex:1;justify-content:center}.LoginformContainer{background-color:#e7e7e7;width:100%;height:50vh;display:flex;justify-content:center;align-items:center;padding:3vh .5vw 4vh .5vw;border-radius:40px;flex-direction:column;gap:2.5vh;margin-top:-2.5vh}.FormContainer{display:flex;width:25%}.LogoOnboarding{width:8vw}.LoginHeadline{font-size:2.5vh;font-weight:700}.Inputs{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:2vh}.FormItemContainer{display:flex;flex-direction:column;width:60%;align-items:center;gap:.5vh}.InputLabel{align-self:flex-start;font-weight:600;font-size:1.5vh}.Input{display:flex;height:3vh;width:100%;padding-left:20px;border-radius:40px;border-color:#b5b4c5;border-width:.2vw;border-style:solid}.LoginButtonForm{border:.15vw solid #B5B4C5;background-color:#fff;height:3vh;display:flex;justify-content:center;align-items:center;font-size:2vh;font-weight:700}.LoginButtonForm:hover{background-color:#ececec}.Seperator{display:flex;flex-direction:row;width:70%;gap:.5vw;font-weight:600}.Seperator:before,.Seperator:after{content:"";flex:1 1;border-bottom:.35vh solid #B5B4C5;margin:auto}.ExternalLogins{display:flex;flex-direction:row;gap:3vw}.AuthButton{width:2.5vw;aspect-ratio:1/1;display:flex;background-color:transparent;border-width:0}.AuthButtonImg{width:100%}.AuthButton:hover{cursor:pointer}.CreateAccount{font-size:1.75vh;padding:0}.CreateAccount:hover{background-color:transparent;color:#535353}.SignupformContainer{background-color:#e7e7e7;width:100%;height:50vh;display:flex;justify-content:center;align-items:center;padding:3vh .5vw 4vh .5vw;border-radius:40px;flex-direction:column;gap:2vh;margin-top:-3vh}.PopupContainer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;z-index:5;-webkit-backdrop-filter:blur(.15rem);backdrop-filter:blur(.15rem);display:flex;justify-content:center;align-items:center}.PopupWindow{position:relative;background-color:#d9d9d9;width:30%;aspect-ratio:1/1;border-radius:40px;box-shadow:10px 10px 30px #3d3d3d91}.ClosePopup{width:8%;aspect-ratio:1/1;position:absolute;right:5%;top:5%;border-radius:20px;border-width:0px}.ClosePopup:hover{background-color:#cecece;cursor:pointer}.NoAccNotice{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;gap:8%}.PopupTitle{font-size:1.8vw;font-weight:700}.PopupTextblock{width:70%;font-size:1.2vw}.PopupButtonRow{display:flex;gap:8%;justify-content:center}.PopupButton{background-color:#f0f0f0;font-size:1.2vw}.PopupButton:hover{cursor:pointer;background-color:#cecece}.FW700{font-weight:700}.LogoFooter{height:8vh;z-index:10;justify-content:center}.ConfigHeadertext{font-size:4vh;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.ProfileNamefield{width:100%;height:4vh;background-color:#e7e7e7;border-radius:40px;border-width:0px;padding:1vh 2vh;font-size:3vh;font-weight:600}.StaticNamefield{width:100%}.ProfileNamefield:disabled{background-color:red}.BodyProfile{width:45%;align-items:center;justify-content:center;display:flex;flex:1;flex-direction:column;gap:8vh}.ProfileNameContainer{display:flex;width:100%;height:4vh;flex-direction:row;justify-content:start;align-items:center;font-size:4vh;font-weight:700;gap:2vw}.ProfileStatContainer{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:3vw}.StatsSingleplayer,.StatsMultiplayer{display:flex;flex-direction:column}.NameChangeButton{background-color:#e7e7e7;border-radius:40px;border-width:0px;padding:1vh 2vh;font-size:600}.NameChangeButton:hover{cursor:pointer;background-color:#cecece}.LogoutContainer{width:100%;display:flex;align-items:start;justify-content:start}.ButtonLogout{background-color:#ff5f5f;border-radius:40px;border-width:0px;padding:1vh 3vh;font-size:800;color:#fff}.ButtonLogout:hover{cursor:pointer;background-color:#ff4747}.StatsHeading{font-size:2.5vh;font-weight:600;padding-bottom:3vh}table{border-collapse:collapse;width:50%;gap:1vh}.StatsRow{display:flex;flex-direction:row;flex:1}.StatLabel{width:70%;display:flex;text-align:left}.StatValue{width:30%;display:flex;text-align:left;align-self:flex-end}:root{background-color:#b5b4c5}html,body{margin:0;padding:0;font-family:Lexend,sans-serif;min-height:100vh}