@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz@6..12&family=Nunito:wght@700&display=swap";:root{--text-c: #f0f0f0;--footer-link-c: #ffac53 !important;--main-pad: 100px;--main-pad-m: 10px;--footer-c: #25282b}html,body{background-color:var(--main-background-color);background-size:5%;overflow-x:hidden}::-moz-selection{background:var(--selection-color)}::selection{background:var(--selection-color)}*{color:var(--text-c);text-decoration:none;margin:0;font-family:"Nunito Sans",sans-serif}.image{background-position:center;background-size:cover;background-repeat:no-repeat}h1,h2,h3,h4,h5{font-family:"Nunito",sans-serif}.box,.flexbox{margin-bottom:100px}.flex{display:flex}.flexbox{padding:calc(var(--main-pad)/3) var(--main-pad);display:flex;align-content:center;justify-content:center}.flexchild{position:relative;border-radius:10px;max-width:500px}.flexchild:first-child{margin:0 70px 0 0}.no-sidepad{padding-left:0;padding-right:0}.headimage{--g-min-height: 400px;min-height:var(--g-min-height);padding:calc(var(--main-pad)/3) var(--main-pad);background:center/cover no-repeat url(/assets/image/banner.png),#2f4f4f;background-position:bottom 0 center;box-shadow:inset 0 -3px 8px #252525;overflow:hidden}.headimage .content{margin:calc(var(--g-min-height) - 75px) auto 0 auto;padding-left:12px;border-left:6px solid rgba(45,45,45,.85);text-shadow:2px 2px 4px #2d2d2d;overflow-x:hidden;transition:all 200ms;max-width:820px}.headimage .content h1,.headimage .content h2,.headimage .content .role{transition:all 300ms}.role{font-size:1rem;margin:8px 0;display:inline-block}.role .rolebox{display:inline-block;position:relative;padding:0 5px 0 calc(5px + 1rem + 4px);border-radius:3px;text-shadow:none;box-shadow:2px 2px 4px rgba(45,45,45,.5);cursor:default}.role .admin{background-color:rgba(94,5,5,.75)}.role .admin i{display:block;position:absolute;width:1rem;height:1rem;left:5px;top:2px;background:center/cover no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAC4ElEQVRoge1Zz2sTQRTehIC4UbGSxYu6m22EQg8qTTxKMaeWHkqreBCFihfJ35AiBPpXSC5FpIWWgNqjeJYt1B6WgphNbE9mIRA2CQrNikLfj2GqCSWyTec7fZl57+3Mzpc3M281BYXhIEajhmE48EPq9Tp1gnimaQ7V949DDIcfH9or+s8YmYkkThqg0WgAT6VSIJVarQbrblmWRtrBxvd9acx+pUWhpBU19JW1esViSIx4J/m9PT8PfGpjQxpre3ERbSoV7CAZiPHfb7tU4g1gprJWdMGyFt2g2u02tE8Q+cQfV9lkerUnwKfW1rBjelo6aWaTz2NcaxVjvraZj+u6MIBkMkm7QFtKWlHDaP5H6C7NEATwy3t3h3Wl8y+B9zJL2LG/L4+VyQCNX0Vf7/1D4GZwwFw6nY6UUyhpRQ1MWoZhAKfpVyOSMycn2RS8cg54+sEL4L3SffmbK34gvgWMe/syGu3sMB9d14EL6RfjRvP9Do6RzVqwU4b0BEnvDa0WC2CSLOI9HweeXg+IzyepjXmPZCAaV7inMJkLB90jKGlFDcdmrSAIcAm7XZTZ3h6bwrflZeBjS2RDbH1Efuku2lzXpb43VlbQvttlz9B1XSonCiWtqIEtGa1w0KRFs8bNhQU2hYPDQ+D2q6/APz9LS6d6q+wBr5IMdi2BKv8iXJPpJkivt5ZlqftIZCEW6GCpfN+XykxLcBf7DZ6RvEe47Im3FU0Gj1Ra7PUrwH8+RfmKR/UuyWKGYagN8VRAzFrSMZu7u/hDKNB9LxSg4Rw54ntVXm05QtrGCskP1wV+fmYGxnJxbo75uOOY3WgGozVlJa2ogaUgWs53HAfbm000EqRV39wEPjY7C/wC2SgpGiRWc2sL+ES5jFb0ear4cEpxtr6P/A30oCkU+CB2LoeVFsdxwJ7ef+g1O5vN9jd49X0kwjjxV126vLFY7J9XUkHOg2v5GChpKSicBWia9gsU7fnpM0sYGAAAAABJRU5ErkJggg==")}.role .vip{background-color:rgba(157,65,34,.75)}.role .vip i{display:block;position:absolute;width:1rem;height:1rem;left:5px;top:2px;background:center/cover no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAB3UlEQVRoge2YsU7DMBCGk4oFpRNClKlLQIKlLM1AhFAX2pEXQOI52JF4BGZmnqBMCCEvQUJlgaVLu5AOVUFNoy4NC7o7R3brFAZT7psu9vnsc/5cEjsMwzAMwziOS/cgyzL9lkSlOZ0AxgtmZttrEjeYuapm18Xmktls9rMyiazRi263K93m8XgM9gHtCB7U0aJjHB8Z7pE+FpidTgfilstl6gXaYmnZxmo+I3Ec6z1TYvcv1T7bzeIr0MX6RDNZT9BOEqU7S8s2JGlVKhVpebT8Dt+xfcMkibc7fd/eYgkOP9D2Nj2wc+UXYGnZRr5q5T/O4I06GGGjJK15EtKhG0MkR+fLVSrlByRLyzYWVS24jekUZbaUnEwgcdMp+nuep5QThaVlG5K0fN+XlieEADvcxWrRjlBmrTr69wbFs6tuod1+Qrt11oT5RF/9fUVhadmG8SnK8zXmPBihtParv5fRaw/tVp2s7UR9IsOnKDZjfkBHaF9h/jGRWaNWPNP7F7QbNVyPJLMLltbfYzXf7Muwc/oIo25vjgpHODzH8dUJjqfPiAksLdtYqvxS6MF37oBPih2GIdhCCBhD/4Horzb118Hl12Z+XLVyLPwl/Yb6FdezApYWw/wHHMf5Aqw5hropeqGIAAAAAElFTkSuQmCC")}.aboutme{height:250px;font-size:130%;overflow:hidden}.aboutme .flex{flex-direction:column;justify-content:space-between}.aboutme .profile{background-image:url(/assets/image/profile.png);width:250px;height:250px;border-radius:10px;box-shadow:0 0 7px var(--aboutme-profile-box-shadow)}.aboutme .sociallink{height:40px;margin:5px 0 0 0;font-size:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.aboutme .sociallink a{color:var(--text-c);margin-right:12px;cursor:pointer}.aboutme .sociallink a:nth-last-child(1){margin-right:0}.aboutme .sociallink a.link:hover i{color:var(--aboutme-social-link-c);text-shadow:0 0 3px var(--aboutme-social-link-shadow-c)}.aboutme .sociallink a.facebook:hover i{color:#0165e1;text-shadow:0 0 3px #0165e1}.aboutme .sociallink a.twitter:hover i{color:#1da1f2;text-shadow:0 0 3px #1da1f2}.aboutme .sociallink a.bsky:hover{background:center/contain no-repeat url(/assets/image/Bluesky_App_Icon.png);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);filter:drop-shadow(0 0 5px #1da1f2)}.aboutme .sociallink a:active{filter:brightness(2)}.wavebanner{font-size:130%;margin-top:150px}.wavebanner .banner{overflow:visible;position:relative;width:100vw;background-color:var(--wavebanner-bg-c)}.wavebanner .banner:before{position:absolute;left:0;top:calc(-1*var(--wavebanner-top-height) + 1px);content:"";width:100vw;height:var(--wavebanner-top-height);background:center/cover no-repeat url(/assets/image/wave-1.svg);filter:drop-shadow(0 -8px 3px rgba(0, 0, 0, 0.25))}.wavebanner .banner:after{position:absolute;left:0;bottom:calc(-1*var(--wavebanner-bottom-height) + 1px);content:"";width:100vw;height:var(--wavebanner-bottom-height);background:center/cover no-repeat url(/assets/image/wave-2.svg);filter:drop-shadow(0 8px 3px rgba(0, 0, 0, 0.25))}.wavebanner .content{flex-direction:column;align-items:center}.wavebanner .content h4{text-align:center;font-size:1.5em;margin-bottom:20px}.wavebanner .flex{max-width:820px}.wavebanner .skill-container{list-style:none;background-color:var(--skill-bg-c);border-radius:10px;padding:25px;max-width:400px;margin-bottom:20px}.wavebanner .skill-container:first-child{margin-right:20px}.wavebanner .skill-container .g{margin-bottom:10px}.wavebanner .skill-container .g:nth-last-child(1){margin-bottom:0}.wavebanner .skill-container p.sb-l{font-size:.75em;padding:0 5px}.wavebanner .skill-container p.sb-l i{font-size:.75em;margin-right:5px;width:15px}.wavebanner .skill-container span{float:right;position:relative}.wavebanner .skill-container span:before{content:"Lv. ";font-size:70%;font-weight:800;position:absolute;bottom:2.5px;left:-16px}.wavebanner .skill-container span[red]{color:#ffc6c6}.wavebanner .skill-container span[green]{color:#d0ffc1}.wavebanner .skill-container .sb-b{width:350px;height:.5em;border-radius:.25em;background-color:var(--skill-bar-bg-c);overflow:hidden}.wavebanner .skill-container .sb-b div{background-color:var(--skill-bar-c);height:.5em;border-radius:.45em;width:calc(var(--p)*1%)}.footer{background-color:var(--footer-c);padding:50px 0}.footer p{text-align:center;color:var(--text-c);font-size:.85rem}.footer a{color:var(--footer-link-c)}.footer a:hover,.footer a:focus{text-decoration:underline}@media only screen and (max-width: 859px){.wavebanner .content .flex{flex-direction:column}.wavebanner .content .flex .skill-container:first-child{margin:0;border-radius:10px 10px 0 0;padding-bottom:10px}.wavebanner .content .flex .skill-container:last-child{margin:0;border-radius:0 0 10px 10px;padding-top:0}.wavebanner .content .flex .sb-b{height:.25em;border-radius:.125em}.wavebanner .content .flex .sb-b div{height:.25em}}@media only screen and (max-width: 800px){.headimage{padding:var(--main-pad-m)}.flexbox{padding:calc(var(--main-pad-m) + 18px)}.flexchild:first-child{margin:0 calc(var(--main-pad-m) + 18px) 0 0}}@media only screen and (max-width: 600px){.flexbox{flex-direction:column;align-items:center;padding:calc(var(--main-pad-m) + 18px)}.flexchild:first-child{margin:0 0 40px 0}.aboutme{height:inherit}.aboutme .flex{align-items:center}.aboutme .content{text-align:center}.aboutme .sociallink{margin:40px 0 0 0 !important}.wavebanner .content .flex{max-width:100%}.wavebanner .content .flex .skill-container .sb-b{max-width:100%}}@media only screen and (max-width: 300px){.wavebanner .content .flex{max-width:100%}.wavebanner .content .flex .skill-container p.sb-l span{display:none}.wavebanner .content .flex .skill-container p.sb-l i{display:none}}/*# sourceMappingURL=main.min.css.map */