body {
    background-image:url("https://nananet.neocities.org/home/img/site%20landing%20bg.png");
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    font-family:Arial, Helvetica, sans-serif;
}

/* m-plus-rounded-1c-regular - japanese_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'M PLUS Rounded 1c';
    font-style: normal;
    font-weight: 400;
    src: url('https://nananet.neocities.org/home/fonts/m-plus-rounded-1c-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* m-plus-rounded-1c-900 - japanese_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'M PLUS Rounded 1c';
    font-style: normal;
    font-weight: 900;
    src: url('https://nananet.neocities.org/home/fonts/m-plus-rounded-1c-v15-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

a {
    color:#f3f1ff;
}

a:hover {
    color:#4d5fe7;
    text-decoration:none;
}
  
.wrap {
    width:1px;
    margin:0px auto 20px auto;
}

#header {
    width:850px;
    height:200px;
    margin-left:-425px;
    margin-bottom:10px;
}

#marquee {
    width:850px;
    overflow:hidden;
    margin-left:-425px;
    position:absolute;
    margin-top:-40px;
}

#marquee b {
    color:red;
}

#marquee p {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-left 2s linear infinite;
    -webkit-animation: scroll-left 2s linear infinite;
    animation: scroll-left 20s linear infinite;
}

@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.logo {
    margin-left:-25px;
    margin-top:-10px;
}

#key {
    width:650px;
    background-color:rgba(255,255,255,0.4);
    height:450px;
    margin-left:-425px;
    position:absolute;
    background:url('https://nananet.neocities.org/home/img/key.png');
    background-repeat:no-repeat;
    margin-top:-20px;
    animation: Hover 3s ease-in-out infinite;
    z-index:-1;
}

@keyframes Hover {
    0%, 100% {
        margin-top:-40px;
    }
    50% {
        margin-top:10px;
    }
}

#keyside {
    width:190px;
    height:400px;
    margin-left:235px;
    position:absolute;
}

#left {
    background-color:#7a7bf1;
    width:195px;
    position:absolute;
    margin-top:410px;
    margin-left:-425px;
    margin-bottom:20px;
    background-image:url('https://nananet.neocities.org/home/img/column.png');
    background-repeat:no-repeat;
    background-position:top;
    border-radius:10px;
    box-shadow: 0px 0px 25px 5px rgba(87, 57, 255, 0.5);
}

#middle {
    background-color:#7a7bf1;
    width:460px;
    margin-left:-230px;
    position:absolute;
    margin-top:410px;
    margin-bottom:20px;
    text-align:center;
    background-image:url('https://nananet.neocities.org/home/img/columnbig.png');
    background-repeat:no-repeat;
    background-position:top;
    border-radius:20px;
    z-index:1;
}

#right {
    background-color:#7a7bf1;
    width:195px;
    margin-left:230px;
    position:absolute;
    margin-top:410px;
    margin-bottom:20px;
    background-image:url('https://nananet.neocities.org/home/img/column.png');
    background-repeat:no-repeat;
    background-position:top;
    border-radius:10px;
    box-shadow: 0px 0px 25px 5px rgba(87, 57, 255, 0.5);
}

.entry {
    border-radius:15px;
    margin:5px;
    position:relative;
    padding-left:3px;
    padding-right:3px;
    padding-top:5px;
    padding-bottom:5px;
    box-shadow:0px 0px 5px 2px rgba(255, 255, 255, 0.3);
    margin-bottom:20px;
    color:#fff;
}

.entry img {
    max-width:420px;
}

.entry hr {
    border-style:solid;
    border-top:1px;
    border-color:#fff;
    box-shadow:0px 0px 3px #fff;
}

.entry h1 {
    font-size:18px;
    padding:5px;
    margin:3px;
    text-shadow:0px 0px 5px rgba(0,0,0,0.5);
}

.entry h4 {
    font-size:11px;
    margin-top:5px;
    text-align:center;
}


.entry p {
    font-size:14px;
}

.footer {
    height:5px;
    padding-top:20px;
    padding-bottom:20px;
}

.button {
    text-align:center;
    margin-top:8px;
    margin-bottom:8px;
    height:48px;
}

.button img {
    margin-top:-10px;
    margin-left:-5px;
}

.buttontop {
    display:inline-flex;
    width:1px;
    align-items: center;
    justify-content: center;
}

.buttonmini {
    margin:5px 5px;

}

.title {
    text-align:center;
    padding:5px;
    height:115px;
}

.title p {
    font-size:48px;
    margin-top:25px;
    color:#fff;
    text-shadow:0px 0px 10px #000;
    font-family: 'M PLUS Rounded 1c';
    font-style: normal;
    font-weight: 900;
    letter-spacing:-3px;
}

#content {
    width:650px;
    background-color:#7a7bf1;
    margin-left:-325px;
    color:#fff;
    border-radius:20px;
    box-shadow:0px 0px 25px #4d5fe7;
}

#content img {
    max-width:600px;
    padding:25px;
}