html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:ProximaNova,-apple-system,"Helvetica Neue",sans-serif;font-size:15px}a{color:#000;text-decoration:none}h1{font-size:1.8em}h2{font-size:1.2em}h3{font-size:1em}h4{font-size:1em}p{margin:10px 0}#menu{width:1120px;margin:5px auto;color:#fff;display:flex;background-color:rgba(255,255,255,0.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}#menu .title{padding:5px 0;text-align:center}.logo,.title,.nav{flex:calc(100%/3)}@keyframes shake{40%{transform:rotate(-15deg)}60%{transform:rotate(15deg)}}.logo img{width:50px;height:50px;background-image:url(logo.svg);transition-duration:1.5s}.logo img:hover{animation:shake 1.5s}.logo a,.logo h1,.logo h2{color:#000;margin:5px 0}.burgermenu{visibility:hidden}.nav{text-align:right}.nav nav ul{height:50px;display:flex;justify-content:flex-end;align-items:center}.nav nav li{height:50px;color:#000;text-align:center;margin-left:25px;transition-duration:0.2s}.nav nav li img{display:block;margin:5px auto;width:25px;height:25px}.nav nav li:hover{transform:scale(1.2);transition-duration:0.3s}#banner{height:340px;background:url("header.jpg") no-repeat center;background-size:cover;color:#fff;text-align:center}#banner h1{padding:100px 0 0 0;margin:0}#cardbox{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:start}#cardbox .card{width:300px;height:340px;margin:20px;padding:15px;border:none;border-radius:7px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}#cardbox img{border-radius:7px}#cardbox h1{font-size:1.4em}.meta{margin:10px 0;color:#888;font-size:0.8em}.post{width:650px;margin:30px auto 0 auto;font-size:18px}.post .banner img{margin:15px 0;width:100%;height:350px;border-radius:7px;object-fit:cover}.post a{color:#000;text-decoration:underline}.post a:hover{color:#C027C6}.post{margin-bottom:30px}.post h1,.post h2,.post h3,.post h4{margin:25px 0 10px 0}.post .title{font-size:2em}.post .meta{height:10px}.post .tags{float:left}.post .tag{color:#b4b4b4;background-color:#F6F6F6;padding:5px 10px;border-radius:10px}.post .tag:hover{color:#2d2d2d;text-decoration:underline #2d2d2d}.post .date{float:right}.post ul{margin:10px}.post li{list-style:circle;margin:0px 0 0 20px}.post pre{padding:10px;border-radius:5px;word-wrap:break-word;overflow-x:auto;overflow-y:hidden}.comments{width:500px;margin:30px auto;padding:20px;border-radius:7px}.comments button{background-color:#f6f6f6;border-radius:7px;padding:8px;border:none}.comments .comment{display:flex;padding:15px;margin:20px 0;background-color:#f6f6f6;border-radius:7px}.comments .comment .avatar,.comments .comment .avatar img{height:60px;width:60px;margin-right:10px}.comments .comment .avatar img{border-radius:7px}.comments .comment .content{width:100%}.comments .comment .content .author{display:flex;justify-content:space-between;font-size:0.8em}.comments .comment .content .author h5{font-size:1.2em}.comments .comment .content .comment-content p{word-wrap:break-word}#toot-reply{width:85%;border:none;border-radius:7px;box-shadow:0 0 25px 10px #969696}#toot-reply .copypaste{display:flex;gap:10px}#toot-reply .copypaste input{flex:auto;border-radius:7px;border:none;background-color:#f6f6f6;padding:0 15px}.archive{margin:50px auto 20px auto;width:500px}.timeline{display:flex}.timeline .dot{width:14px;height:14px;background:#D1D6E6;border-radius:7px}.timeline .dotyear{width:14px;height:14px;background:#737373;border-radius:7px}.timeline .line{height:125px;width:2px;background:#D1D6E6;margin-left:6.3px}.timeline .lineyear{height:50px;width:2px;background:#D1D6E6;margin-left:6.3px}.timeline .cards{margin-left:12px;transform:translateY(-35px)}.timeline .card{height:100px;margin:20px;padding:9px;border:none;border-radius:7px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.timeline .cardyear{margin:20px 0 20px auto;padding:15px;position:relative;display:block;text-align:center;color:#737373}.timeline .cardyear::before,.timeline .cardyear::after{content:"";position:absolute;top:50%;display:inline-block;width:30%;border-bottom:solid 1px #D1D6E6}.timeline .cardyear::before{margin-left:-30%}.timeline .cardyear span{display:inline-block;padding:0 10px}.taglist{margin:50px auto 20px auto;width:500px}.taglist a{text-decoration:underline}.taglist h1{text-align:center;width:300px;display:block;font-size:2.5em;background-color:#F6F6F6;margin:0 auto 20px auto;padding:5px 20px 5px 20px;border-radius:80px}.taglist span{font-size:1.5em;border-bottom:2px solid #F6F6F6}.taglist li{margin:30px 10px}.notfound{position:relative;margin:auto;display:block;margin-top:8%;margin-bottom:8%;width:512px;height:512px;border-radius:512px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.notfound .mug{position:absolute;left:calc((100% - 220px) / 2);top:calc((512px - 180px) / 2);width:220px;height:260px;background:#000;border-radius:0 0 40% 40%;line-height:200px;color:#fff;text-align:center}.notfound .mug:before{content:'';position:absolute;left:0;top:-43px;width:190px;height:50px;border:15px solid #000;background-color:#a9b791;border-radius:50% 50% 50% 50%;z-index:1}.notfound .handle{position:absolute;left:calc(100% - 205px);top:200px;width:105px;height:100px;border:25px solid #000;border-radius:0 50% 50% 0;border-left:none}.notfound .shadow{position:absolute;left:calc((100% - 255px) / 2);top:calc((512px + 270px) / 2);height:50px;width:250px;background-color:rgba(60,60,60,0.1);border-radius:50%;filter:blur(3px)}.notfound .vapour{position:absolute;opacity:0}.notfound .vapour0{top:80px;left:248px;width:20px;height:90px;border-top-left-radius:40px;border-bottom-left-radius:40px;border-left:4px solid rgba(125,125,125,0.5);border-right:none;z-index:999;animation:vapour 4s ease-in infinite;animation-delay:2s}.notfound .vapour1{top:100px;left:202px;width:20px;height:80px;border-top-right-radius:70px;border-bottom-right-radius:70px;border-right:4px solid rgba(125,125,125,0.5);border-left:none;z-index:999;animation:vapour 5s ease-in infinite}.notfound .vapour2{top:90px;left:266px;width:20px;height:70px;border-top-right-radius:40px;border-bottom-right-radius:40px;border-right:4px solid rgba(125,125,125,0.5);border-left:none;z-index:999;animation:vapour 5s ease-in infinite;animation-delay:1s}@keyframes vapour{50%{opacity:0.8;filter:blur(1px)}70%{filter:blur(2px);margin-left:20px}100%{opacity:0;filter:blur(10px);margin-left:40px;transform:translateY(-50px) rotate3d(5, 5, 5, 45deg)}}@media screen and (max-width: 1119px){#menu{width:calc(100% - 40px);padding:10px 20px;margin:0;position:sticky;top:0;flex-wrap:wrap;border-bottom:1px solid #64646e}.title h1{line-height:2.0em}.logo,.title,.nav{flex:unset}.logo{width:50px}.title{width:calc(100% - 25px - 50px)}.title h2{display:none}.burgermenu{visibility:visible;margin-top:17px;width:25px;cursor:pointer}.burgermenu.active .burger-line:last-child{opacity:0}.burgermenu.active .burger-line:first-child{transform:rotate(45deg) translate(4px, 4px)}.burgermenu.active .burger-line:nth-child(2){transform:rotate(-45deg)}.burger-line{height:3px;margin-bottom:3px;background:#4d4d4d;transition:all .4s ease}.nav{display:none}.nav nav ul{margin:25px 0 10px 0;height:unset;justify-content:space-around;align-items:center}.nav.active{width:100%;display:block}.comments{width:80%}}@media screen and (min-width: 641px) and (max-width: 1119px){#cardbox{justify-content:center}.post{width:90%}}@media screen and (max-width: 640px){#cardbox{justify-content:center}#cardbox .card{box-shadow:unset}.post,.archive,.taglist{width:90%}.timeline .line{height:175px}.timeline .card{width:unset;box-shadow:unset;height:150px}.notfound{display:block;width:300px;height:calc(100% - 100px);border-radius:unset;box-shadow:none}.notfound .mug{left:calc((100% - 270px) / 2)}.notfound .handle{left:calc(100% - 130px)}.notfound .vapour0{left:110px}.notfound .vapour1{left:76px}.notfound .vapour2{left:140px}}@media (prefers-color-scheme: dark){body{background-color:#212121;color:#b4b4b4}a{color:#fff}h1,h2,h3,h4,h5,h6,.title a,.title h1,.title h2{color:#c8c8c8}#menu{background-color:rgba(33,33,33,0.9)}#menu img{filter:invert(100%)}.card,.post .tag,.taglist h1{background-color:#383838}.post .tag:hover{color:#dcdcdc}.post a{color:#dcdcdc}.comments button{color:#fff;background-color:#323232}.comments .comment{background-color:#323232}#toot-reply{color:#dcdcdc;background-color:#1e1e1e;box-shadow:0 0 25px 10px #000}#toot-reply .copypaste input{color:#dcdcdc;background-color:#0f0f0f}}