html{width:100%;height:100%;min-height:100vh;padding:0;background-image:url(../img/design/0.webp);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;overflow-x:hidden}pre{white-space:pre-wrap}@keyframes bodyAnimation{0%{background-color:rgba(0,0,0,1.0)}100%{background-color:rgba(0,0,0,0.8)}}body{background-color:rgba(0,0,0,0.8);font:17px arial;margin:0;color:#CCC;padding:2%;padding-top:15%;overflow-x:hidden;animation:bodyAnimation 2s linear 1s 1 normal forwards}@keyframes buttonAnimation{0%{top:-100px}100%{top:0}}.button{position:fixed;left:2%;width:100px;text-align:center;font-size:25px;padding:5px;background-color:rgba(255,0,0,0.5);border-radius:0 0 10px 10px;z-index:11;animation:buttonAnimation 2s linear 1 normal forwards}#menuShow{top:0;padding-top:25px;}#menuShow:hover{background-color:rgba(255,0,0,1.0)}nav{background-color:rgba(0,0,0,0.9);height:0;width:100%;z-index:10;position:fixed;top:0;left:0;transition:100ms;overflow:hidden;display:flex}nav:hover{height:auto;z-index:100}#menuShow:hover~nav{height:auto;transition:100ms}nav section{width:31.3%;float:left;padding:1%}nav a{display:block;font:3vw arial;text-align:center}#logo{background-image:url(../img/design/text.svg),url(../img/design/kanji.svg);background-size:contain;background-repeat:no-repeat;background-position:center;min-height:100%}@keyframes fadeAnimation{0%{opacity:0}100%{opacity:1}}article{animation:fadeAnimation 2s linear 1 normal forwards}header{font-size:25px;font-weight:700;width:100%;text-align:center;margin:2% auto;animation:fadeAnimation 2s linear 1 normal forwards}.underline{height:3px;width:20%;background-color:red;margin:10px auto;background:radial-gradient(circle,rgba(255,0,0,1) 88%,rgba(36,0,0,0) 100%);animation:fadeAnimation 2s linear 1 normal forwards}a{text-decoration:none;color:#fff;font-weight:700}a:hover{color:red}.invert img{filter:invert(100%)}.center{text-align:center;margin:0 auto}video{width: 50%; height: auto;}figure img{min-width:30vw;height:auto;max-width:50vw;margin-top: 20px;margin-bottom:10px;}figure{margin:10px auto !important;}#formArea{width:50%}#formNick{width:50%}form{text-align:center;margin:0 auto}#protectionEmail{display:none}form *{width:60%;font-size:20px;margin:1% auto;border-radius:10px;border:none;padding:1%;background-color:rgba(255,0,0,0.1);color:#fff}form :hover{background-color:rgba(255,255,255,0.3)}.formButton{display:block;width:auto}.comment{margin-left:5%}.comment:first-child{margin-left:0}.commentThread{padding:1%;margin:2%;background-color:rgba(255,255,255,0.1)}.commentThread:hover{background-color:rgba(255,0,0,0.1)}.replyForm{display:none}.commentThread:hover form{display:block}.galleryItem{display:inline-block;width:70%;margin:1.5% 15%;height:auto;word-wrap:break-word}.galleryItem:nth-child(odd){background-color:rgba(255,0,0,0.05)}.galleryItem:nth-child(even){background-color:rgba(255,255,255,0.05)}.galleryItem img{max-width:100%;height:auto}.galleryItem video{max-width:100%;height:auto}#galleryContent{text-align:center;width:100%}.yt{position:relative;width:70%;height:0;padding-bottom:39.375%}.yt iframe,.yt object,.yt embed{position:absolute;top:0;left:0;width:100%;height:100%}.card{margin:10px auto;width:80%;padding:10px;text-align:center}.card:nth-child(odd){background-color:rgba(255,0,0,0.05)}.card:nth-child(even){background-color:rgba(255,255,255,0.05)}.slider{display:block;-webkit-appearance: none;appearance: none;background:white; height:7px;opacity:0.5;border-radius: 5px;}.slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 15px;height: 15px;border-radius: 10px;background: red;cursor: pointer;}h3{margin-top:2.3em;}audio::-webkit-media-controls-panel {background-color: rgba(80, 228, 255, 0.5000);}audio{filter: invert(1);}.testFrame{width:90%; aspect-ratio: 1.3644; margin:0 auto; border: 0; display:block;}.higherTestFrame{height: 60vh !important;}