*{box-sizing:border-box;margin:0;padding:0}a{color:#000;text-decoration:none}.main-container[data-v-8473c05d]{grid-template-columns:1fr 5fr;gap:5vh;width:100%;height:95vh;display:grid}.main-nav[data-v-8473c05d]{background-color:#c7fbd0;border-radius:2vh;width:90%;height:100%;margin:2vh auto}.main-content[data-v-8473c05d]{background-color:#ddf8dd;border:1px solid green;border-radius:2vh;width:95%;height:100%;margin:2vh auto;overflow:auto}.user-header-info[data-v-8473c05d]{width:20vh;height:20vh;margin:0 auto}.user-head-img[data-v-8473c05d]{background-color:#fff;border-radius:50%;place-items:center;width:15vh;height:15vh;margin:2vh auto;display:grid;overflow:hidden}.user-head-img img[data-v-8473c05d]{width:100%;height:100%}.user-header-nick[data-v-8473c05d]{text-align:center;color:#2c5a2c;width:100%;height:5vh;font-size:2.5vh;font-weight:bolder;line-height:5vh}.navside-content[data-v-8473c05d]{border-radius:2vh;grid-template-rows:repeat(5,1fr);width:90%;height:50vh;margin:0 auto;display:grid;position:relative;top:10vh}.navside-content div[data-v-8473c05d]{justify-content:center;align-items:center;font-size:2.5vh;display:flex}.navside-content div a[data-v-8473c05d]{width:100%;height:100%;color:inherit;justify-content:center;align-items:center;text-decoration:none;display:flex}#backgroundIndex[data-v-8473c05d]{width:90%;top:var(--bg-top,-400%);background-color:#2ac83e80;border-radius:5vh;margin:0 auto;transition:all .3s ease-in-out;display:block;position:relative}@media (width<=768px){.main-container[data-v-8473c05d]{flex-direction:column;gap:0;width:100%;height:100vh;display:flex}.main-nav[data-v-8473c05d]{background-color:#0000;border-radius:0;width:100%;height:auto;margin:0}.user-header-info[data-v-8473c05d]{z-index:100;background-color:#c7fbd0f2;border-radius:3vh;align-items:center;gap:1vh;width:fit-content;max-width:60vw;height:auto;margin:0;padding:.7vh 1.8vh .7vh .7vh;display:flex;position:fixed;top:1vh;left:1.5vh;box-shadow:0 .4vh 1vh #2ac83e40}.user-head-img[data-v-8473c05d]{border:.2vh solid #2ac83e;flex-shrink:0;width:4.5vh;height:4.5vh;margin:0}.user-header-nick[data-v-8473c05d]{text-align:left;color:#2c5a2c;white-space:nowrap;text-overflow:ellipsis;width:auto;max-width:40vw;height:auto;font-size:2vh;line-height:normal;overflow:hidden}.navside-content[data-v-8473c05d]{z-index:100;background-color:#c7fbd0;border-top:.2vh solid #2ac83e;border-radius:0;grid-template-rows:1fr;grid-template-columns:repeat(4,1fr);width:100%;height:7vh;margin:0;display:grid;position:fixed;inset:auto 0 0}.navside-content div[data-v-8473c05d]{font-size:1.8vh}#backgroundIndex[data-v-8473c05d]{top:auto;bottom:0;left:var(--bg-left,0%);background-color:#2ac83e80;border-radius:0;width:25%;height:100%;margin:0;transition:left .3s ease-in-out;position:absolute}.main-content[data-v-8473c05d]{border:none;border-radius:0;flex:1;width:100%;height:auto;margin:8vh 0 7vh;overflow:auto}}