/* 기본 여백 제거 및 전체 높이 설정 */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

/* 배경색 설정 및 중앙 정렬 */
body {
    /* 이미지에서 추출한 배경색 (#2c2f33 또는 #1e2124 계열) */
    background-color: #2c2f33; 
    display: flex;
    justify-content: center; /* 가로 중앙 */
    align-items: center;     /* 세로 중앙 */
    overflow: hidden;        /* 스크롤 방지 */
}

/* 로고 스타일링 */
.main-logo {
    max-width: 100%;          /* 모바일에서도 화면을 넘지 않도록 설정 */
    height: auto;
    /* 필요시 부드러운 나타남 효과 추가 */
    animation: fadeIn 2s ease-in-out;
}

/* 나타나기 애니메이션 (선택사항) */
@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}