/* * {
     background-color: rgba(188, 255, 31, 0.13);
} */

body {
    color: aliceblue;
    background-color: black;
}

header { 
    display: flex;
    justify-content: space-between;
}

header span{ 
    word-break: keep-all;
}

header MARQUEE {
    width: 60%;
    margin: 0 1rem 0 1rem;
}

header a {
    text-decoration: none;
    color: aliceblue;
    margin: 0;
}

header .right {
    float: right;
    white-space:nowrap;
}

nav {
    width: 100%;
    height: 8rem;
}

nav #home {
    border: none;
}

nav #home img {
    animation: rotate_image 60s ease-in-out infinite;transform-origin: 50% 50%;
}

@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}

nav #pageFocus {
    border: 4px rgb(155, 55, 255) double;
}

nav a {
    text-decoration: none;
    color: aliceblue;
    border: 4px rgba(162, 70, 255, 0.562) double;
    float: left;
    margin: 2px;
}

section {
    width: 100%;
}

:root {
    accent-color:rgb(215, 176, 255);
}

/* section label{
    accent-color: red;
} */

section ul li {
    margin: 8px 0 8px 0;
}

section a {
    text-decoration: none;
    color: aliceblue;
}

section .checkbox{
    background: url(../img/Momiji_flow.png);

}

section figure figcaption{
    font-size: small;
}

section .center {
    text-align: center;
}

footer {
    text-align: center;
    font-size: small;
}

/* 기본 트리 구조 */
section.treeWrap {
    width: 100%;
  }
  
  section .treeWrap .treeMenu {
    margin: 0;
    padding: 0;
    list-style-type: disc; /* 점 표시 유지 */
  }
  
  section .treeWrap .treeMenu .treeItem {
    margin: 8px 0;
  }
  
  section .treeWrap .treeMenu .treeItem ul {
    margin-left: 20px; /* 들여쓰기 */
    padding-left: 0;
    list-style-type: disc;
  }
  
  /* 체크된 경우 하위 메뉴 숨김 */
  section .treeWrap .treeMenu .treeItem input[type="checkbox"]:checked ~ ul {
    display: none;
  }
  
  /* 라벨 마우스 커서 */
  section .treeWrap .treeMenu .treeItem label {
    cursor: pointer;
  }
  
  /* 보라색 강조색 유지 */
  section .treeWrap .treeMenu :root {
    accent-color: rgb(215, 176, 255);
  }