/* flex version CSS */
html,
body {
  width: 100vw;
  height: 100vh;
  margin: 0px;
  padding: 0px;
}

/* headercontainer */
.headercontainer{
    display: none;
}

/* maincontainer */
.maincontainer {
  /* 화면 중앙정렬 */
  min-height: 100vh;
  justify-content: center;
  align-items: center;

  display: flex;
  flex-direction: column;
  gap: 20px;
}

.maincontainer img {
  border-radius: 100%;
}

/* 아바타 CSS */
.avatar {
  display: flex;
  gap: 20px;
}
.avatar_profile {
  position: relative;
  margin: 0px;
  width: 64px;
  height: 64px;
}

/* 프로필 상태 기본 모양 옵셋 */
.avatarStatus {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  right: 0px;
  bottom: 0px;
}

/* 프로필 상태 CSS (online/offline에 따라 색 변경) */
.profileOnline {
  background-color: #4cfe88;
}

.profileOffline {
  background-color: #dbdbdb;
}

.footercontainer{
    display: none;
}