/* * {
    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%;
   background-color: aqua;
}

nav #home {
   border: none;
}

nav #home img {
   animation: rotate_image 60s ease-in-out infinite;transform-origin: 50% 50%;
   filter: drop-shadow(16px 16px 20px red) invert(75%);
}

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

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

section h1 {
    font-size: 14px;
    margin: 0 0 0 6px;
}

section h2 {
    font-size: 48px;
    margin: 0;
}

section h3 {
   font-size: 24px;
   margin: 0;
}

section p {
    font-size: 12px;
    color: rgba(240, 248, 255, 0.5);
    margin: 2rem 0 1rem 0.5rem;
    word-break: keep-all;
}

section .box{
    max-width: 240px;
    border: 1px rgba(162, 70, 255, 0.562) dashed;
    margin: 0.5rem;
    padding: 0.5rem;
}

section .box .month {
    margin: 0 auto;
    font-size: 40px;
 }

 section .box .name {
    font-size: 20px;
    float: right;
    margin-top: 16px;
 }

 section .box .img {
    text-align: center;
 }

 section .box .add {
    font-size:12px;
    text-align: center;
    color: rgba(240, 248, 255, 0.3);
    word-break: keep-all;
 }



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