/* * {
    background-color: rgba(188, 255, 31, 0.13);
   border: 1px rgba(255, 0, 0, 0.301) solid;
} */

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%;
}

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 {
   background: url(../img/Momiji_flow.png);
   display: inline-block;
   width: 100%;
}


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

section #columns{
    column-width:380px;
    column-gap: 15px;
  }

section #promo{
    /* border: 1px rgba(162, 70, 255, 0.562) dashed; */
    margin: 1rem;
    word-break: keep-all;
    font-size: small;
}

input[type="checkbox"]:checked~ul{
    display: none;
}

section #columns figure{
    display: inline-block;
    border:1px solid rgba(255, 255, 255, 0.6);
    margin:0;
    margin-bottom: 15px;
    padding:10px;
    box-shadow: 2px 2px 5px rgba(146, 146, 146, 0.5);
}

section #columns figure img{
    width:100%;
}

section #columns figure figcaption{
    border-top: 4px double rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding:10px;
    margin-top:11px;
    background-color: rgba(240, 248, 255, 0.068);
    font-size: small;
}


footer {
   text-align: center;
   font-size: small;
   display : scroll;
   margin: 0;
}