.header{left:0;padding:20px 0;position:fixed;top:10px;width:100%}.header .link-contain{display:flex;margin:0 auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;text-align:center}.header .link-contain .link-item{display:block;font-size:1.05rem;opacity:.65;position:relative;transition-duration:.5s}.header .link-contain .link-item a{color:#000;transition-duration:.5s}.header .link-contain .link-item+.link-item{margin-left:5vw}.header .link-contain .link-item .underline-text{background-color:#000;bottom:-2px;height:1px;left:50%;margin:0 auto;position:absolute;transform:translateX(-50%);transition-duration:.25s;width:0}.header .link-contain .link-item:hover .underline-text{width:100%}.header .link-contain .link-item:active,.header .link-contain .link-item:hover{opacity:1}.header .link-contain .link-item:active{opacity:1;transform:scale(.9)!important}.header .link-contain .link-item.active{opacity:1;transform:scale(1.3)!important}.small-nav{left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2}.small-nav .siteName{left:20px}.small-nav .pageName,.small-nav .siteName{margin:0;position:fixed;top:20px;transition-duration:.5s;white-space:nowrap}.small-nav .pageName{right:20px}.socialLink{left:50%;position:fixed;top:90px;transform:translateX(-50%)}.socialLink .sub{display:flex}.socialLink a{color:#fff;display:block;font-size:1.5rem;transition-duration:.25s}.socialLink a:hover{transform:scale(1.2)}.socialLink a:active{transform:scale(1.1)}.socialLink a+a{margin-left:20px}@media screen and (max-width:768px){.small-nav .siteName{display:none}.small-nav .pageName{left:20px;right:auto}}.loading-icon{border:7px solid #fff;height:50px;margin:0 auto;width:50px}.resume-page{background-color:#06243c;color:#fff;min-height:100vh;padding-bottom:39px;width:100vw}.parallaxHero{background-image:url(/static/media/bg-blur.2d504864c8eacb841fa6.jpg);background-position-y:0;background-repeat:no-repeat;background-size:cover;height:100vh;opacity:1;position:absolute;top:0;transform:none;width:100%}.parallaxHero .sub{overflow:hidden}.parallaxHero .gradient{background-image:linear-gradient(#06243c00,#06243c);height:100%;left:0;position:absolute;top:0;width:100%}.infoTitle{color:#fff;margin:50px 0}.understandCSS{margin:50px auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.understandCSS .frame{border:3px solid #fff;font-size:15px;margin:auto;padding:10px;position:relative;text-align:left;white-space:nowrap;width:200px}.harfShade{display:grid;grid-template-columns:50% 50%;position:relative}.harfShade:after{background-image:linear-gradient(90deg,#fff0,#ffffffbf,#fff0);bottom:0;content:"";display:block;height:1px;left:0;position:absolute;width:100%}.harfShade .topic{border-right:1px solid #ffffff1a;padding-right:50px;padding-top:50px;text-align:right;width:100%}.harfShade .topic .navContainer{position:-webkit-sticky;position:sticky;top:30px}.harfShade .topic .navContainer h2{color:#fff;font-weight:600}.harfShade .topic .navContainer a{color:#ffffffbf}.harfShade .topic .navContainer svg{color:#fff}.harfShade .detail{overflow:hidden;padding-left:50px;padding-top:50px;width:calc(100% - 50px)}.more-works{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btnViewMore{background-color:hsla(0,0%,100%,.059);border:1px solid hsla(0,0%,100%,.012);border-radius:5px;color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:16px;margin:0 auto;max-width:700px;outline:0;padding:8px 15px;text-align:center;transition-duration:.15s;white-space:nowrap;width:100%}.btnViewMore:hover{background-color:#ffffff1a;border:1px solid #0000}.btnViewMore:active{background-color:#fff3;border:1px solid #fff3;transition-duration:.1s}.modal{background-color:#000000bf;color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10009}.modal .btn{background-color:#fff3;border:initial;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:18px;margin:5px 10px 10px 5px;min-width:146px;outline:0;padding:5px 15px;transition-duration:.15s;white-space:nowrap}.modal .btn:hover{background-color:#ffffff4d}.modal .btn:active{background-color:#fff6;transition-duration:.1s}.modal .modalContainer{border-radius:10px;left:50%;max-height:95vh;max-width:95vw;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal .modalContainer .sub{background-color:#313131}.modal .modalContainer .xButton{background-color:#00000040;cursor:pointer;font-family:inherit;font-weight:100;padding:0 10px;position:fixed;right:0;text-align:right;top:0;transition-duration:.25s;z-index:100}.modal .modalContainer .xButton svg{font-size:40px}.modal .modalContainer .xButton:hover{background-color:#f006}.modal .modalContainer .xButton:active{background-color:#ff000080;transition-duration:.1s}.brinessDown{filter:brightness(.5);transition-duration:1s}@media screen and (max-width:768px){.harfShade{grid-template-columns:40% 60%}.harfShade .topic{padding-right:20px}.harfShade .detail{padding-left:20px;width:calc(100% - 20px)}}.PageContainer{min-height:100vh;overflow:hidden;position:fixed;transform-origin:top;width:100vw;z-index:1}.PageContainer .content-overflow,.PageContainer.mobile{position:relative}.PageContainer.toggled{overflow:hidden;position:fixed}.sub{height:100%;position:relative;width:100%}.btnTopCenter{background-color:#0000;border:none;cursor:pointer;font-size:2rem;height:57px;left:50%;outline:0;position:absolute;top:0;transform:translateX(-50%)!important;transition-duration:.5s;width:65px;z-index:20}.btnTopCenter svg{-webkit-text-fill-color:#0000;-webkit-background-clip:text;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition-delay:.35s;transition-duration:.3s}.btnTopCenter .bgPullMenu{height:0;left:0;position:absolute;top:0;transition-delay:.35s;transition-duration:.25s;width:100%}.btnTopCenter:hover svg{filter:invert(1);transition-delay:0s}.btnTopCenter:hover .bgPullMenu{height:100%;transition-delay:0s}.btnTopCenter.active svg,.btnTopCenter:active svg{filter:invert(1);transition-delay:0s}.btnTopCenter.active .bgPullMenu,.btnTopCenter:active .bgPullMenu{height:100%;opacity:.75;transition-delay:0s}.dimPullMenu{background-color:#0e0e0e80;height:100%;position:fixed;width:100vw;z-index:15}.scroll-container{left:0;overflow:hidden;position:fixed;top:0;width:100%;will-change:transform}.styles_nameCard__qHmZv{color:#fff;margin:0 auto;padding:20px;width:100vw}.styles_nameCard__qHmZv .styles_circlePic__rav8a{border:3px solid #1d8cc1;border-radius:50%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:20px auto;overflow:hidden;padding:5px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.styles_nameCard__qHmZv .styles_circlePic__rav8a .styles_img__bNpcC{background-position:50%;background-size:cover;border-radius:50%;height:100%;height:175px;overflow:hidden;width:100%;width:175px}.styles_nameCard__qHmZv .styles_identity__SNBzA{margin-top:20px}.styles_nameCard__qHmZv .styles_identity__SNBzA .styles_name__-HG60{font-size:25px;margin-top:5px}.styles_nameCard__qHmZv .styles_identity__SNBzA .styles_subName__7ymIf{color:#b8b8b8}.styles_nameCard__qHmZv .styles_statusQuote__r4ueu{color:#dbdbdb;font-size:18px;margin-top:5px}.styles_nameCard__qHmZv .styles_statusQuote__r4ueu span{font-size:23px}.styles_nameCard__qHmZv .styles_buttonPanel__hMD\+-{margin:8vh 0 20px}.styles_btn__Fk1AJ{background-color:#fff3;border:initial;border-radius:5px;color:#fff;font-family:inherit;font-size:16px;margin:5px 10px 10px 5px;min-width:146px;outline:0;padding:8px 15px;transition-duration:.15s;white-space:nowrap}.styles_btn__Fk1AJ:hover{background-color:#ffffff4d}.styles_btn__Fk1AJ:active{background-color:#fff6;transition-duration:.1s}.styles_btn__Fk1AJ.styles_facebook__4t2qW{background-color:#006aff}.styles_btn__Fk1AJ.styles_facebook__4t2qW:hover{background-color:#1576ff}.styles_btn__Fk1AJ.styles_facebook__4t2qW:active{background-color:#005fe4}.styles_btn__Fk1AJ.styles_github__IUbLj{background-color:#fff;color:#333}.styles_btn__Fk1AJ.styles_github__IUbLj:hover{background-color:#e6e6e6}.styles_btn__Fk1AJ.styles_github__IUbLj:active{background-color:#c5c5c5}.styles_btn__Fk1AJ:disabled{background-color:#ffffff1a}.styles_btn__Fk1AJ>svg+span{margin-left:5px}@media only screen and (max-width:500px){.styles_nameCard__qHmZv{-webkit-backdrop-filter:initial;backdrop-filter:none;background:#0000;border:initial;box-shadow:none}.styles_cardMobile__isDC2{top:calc(50% - 43px)}}.styles_container__7bXDY{padding-bottom:20px;width:100%;word-break:normal}.styles_container__7bXDY+.styles_container__7bXDY:before{background-image:linear-gradient(90deg,#ffffffbf,#fff0);content:"";display:block;height:1px;margin-bottom:20px;width:100%}.styles_container__7bXDY .styles_date__aWXh1{border:1px solid var(--primary-color);border-radius:5px;color:var(--primary-color);padding:3px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.styles_infoZone__R2rK5{margin-top:10px}.styles_container__7bXDY .styles_title__RC4gu{color:#fff;font-size:25px;font-weight:600}.styles_container__7bXDY .styles_org__9sYYy{color:#c7c7c7;font-size:18px}.styles_container__7bXDY .styles_detail__8RzUd{color:#c7c7c7;margin-top:20px}.styles_container__7bXDY .styles_link__xm3dw{background-color:#ffffff26;display:block;margin-top:20px;overflow:hidden;padding:0 5px;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:normal}.styles_container__7bXDY .styles_link__xm3dw:hover{background-color:#fff3}.styles_container__7bXDY .styles_link__xm3dw+.styles_link__xm3dw{margin-top:5px}@media only screen and (max-width:500px){.styles_container__7bXDY .styles_link__xm3dw{max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.styles_container__wlf8l{display:grid;grid-template-columns:33.33% 33.33% 33.33%;margin-bottom:100px;min-height:500px;width:100%}.styles_container__wlf8l .styles_item__15rgl{padding:20px;width:100%}.styles_container__wlf8l>.styles_item__15rgl+.styles_item__15rgl{border-left:1px solid #ffffff1a}.styles_container__wlf8l .styles_item__15rgl .styles_headInfo__Jfx-Z{color:#c7cbcf;text-align:center}.styles_container__wlf8l .styles_item__15rgl .styles_headInfo__Jfx-Z svg{color:var(--primary-color)}.styles_container__wlf8l .styles_item__15rgl .styles_headInfo__Jfx-Z .styles_title__dZwjG{color:#fff;font-size:25px;font-weight:600;margin:10px 0}.styles_container__wlf8l .styles_item__15rgl .styles_info__FBvFi{color:#c7cbcf;font-size:18px;margin:80px 0}.styles_container__wlf8l .styles_item__15rgl .styles_info__FBvFi .styles_topic__wunMQ{color:var(--primary-color);font-size:17px;margin:5px 0}.styles_container__wlf8l.styles_singleItem__3887o{display:block;margin:auto;width:33.33%}.styles_hr__L8qGG{border-top:1px solid #fff3;margin:30px auto 0}@media only screen and (max-width:500px){.styles_container__wlf8l{display:block;margin-bottom:0}.styles_container__wlf8l>.styles_item__15rgl+.styles_item__15rgl{border-left:initial;border-top:1px solid #fff3}.styles_container__wlf8l .styles_item__15rgl .styles_info__FBvFi{margin:40px 0}}.styles_container__hwfNL{display:flex;flex-wrap:wrap;justify-content:center;margin:20px auto;text-align:center}.styles_container__hwfNL .styles_item__Y6tlv{cursor:pointer;display:inline-block;margin:20px;max-width:calc(100% - 40px);text-align:left;width:360px}.styles_container__hwfNL .styles_item__Y6tlv .styles_imgContain__wZJ9q{background-color:#313131;border-radius:20px;box-shadow:0 0 20px 0 #0000;height:250px;margin-bottom:5px;overflow:hidden;position:relative;transform:scale(1);transition-duration:.5s;width:100%}.styles_container__hwfNL .styles_item__Y6tlv .styles_imgContain__wZJ9q .styles_subImgBlur__u8dpc{background-position:50%;background-repeat:no-repeat;background-size:200%;filter:blur(20px);height:100%;left:0;opacity:.65;position:absolute;top:0;transition-duration:2s;width:100%}.styles_container__hwfNL .styles_item__Y6tlv .styles_imgContain__wZJ9q .styles_subGradient__ohC4A{background:linear-gradient(180deg,#0000,#000000bf);height:100%;left:0;position:absolute;top:0;width:100%}.styles_container__hwfNL .styles_item__Y6tlv .styles_imgContain__wZJ9q .styles_img__l2KFo{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:3px;box-shadow:0 0 30px 3px #00000080;left:0;position:absolute;top:0;transform:rotate(-15deg) translate(20%,30%) scale(1.3);transition-duration:.5s;width:100%;z-index:1}.styles_container__hwfNL .styles_item__Y6tlv .styles_contentInfo__RoAPn{transform:translateY(0);transition-duration:.5s}.styles_container__hwfNL .styles_item__Y6tlv:hover .styles_imgContain__wZJ9q{border-radius:10px;box-shadow:0 0 20px 2px #000000bf;transform:scale(1.2)}.styles_container__hwfNL .styles_item__Y6tlv:hover .styles_imgContain__wZJ9q .styles_subImgBlur__u8dpc{background-size:300%}.styles_container__hwfNL .styles_item__Y6tlv:hover .styles_img__l2KFo{left:-5%;top:-5%;transform:rotate(-5deg) translate(15%,25%) scale(1.1);transform-origin:center}.styles_container__hwfNL .styles_item__Y6tlv:hover .styles_contentInfo__RoAPn{transform:translateY(20px)}.styles_container__hwfNL .styles_item__Y6tlv .styles_title__6urgT{font-size:19px;font-weight:700}.styles_tagList__y1TPa{display:flex;flex-wrap:wrap;font-size:15px;margin-bottom:15px;margin-top:15px;pointer-events:none}.styles_tagList__y1TPa .styles_tag__RHHG4{background-color:#ffffff1a;border-radius:5px;margin-bottom:10px;margin-right:10px;padding:5px 10px}.styles_content__aC7R4{color:#fff;max-height:100vh;min-height:100vh;min-width:600px;overflow:auto}.styles_content__aC7R4 .styles_logoArea__TImPx{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:20px;box-shadow:0 0 20px 0 #00000080;height:140px;margin-bottom:25px;overflow:hidden;position:relative;width:100%}.styles_content__aC7R4 .styles_logoArea__TImPx .styles_subGradient__ohC4A{background:linear-gradient(180deg,#0000,#00000080);height:100%;left:0;position:absolute;top:0;width:100%}.styles_content__aC7R4 .styles_logoArea__TImPx .styles_img__l2KFo{border-radius:3px;box-shadow:0 0 30px 3px #00000080;left:0;position:absolute;top:0;transform:rotate(-10deg) translate(3%,-20%) scale(.8);transform-origin:center;width:100%;z-index:1}.styles_content__aC7R4 .styles_describe__akbCX{color:#8d8d8d;font-size:15px;margin:15px 0;white-space:break-spaces}.styles_content__aC7R4 .styles_btnViewProject__6LTn4{background-color:#ffffff1a;border:initial;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:18px;margin-top:10px;outline:0;padding:10px 15px;transition-duration:.15s;white-space:nowrap;width:100%}.styles_content__aC7R4 .styles_btnViewProject__6LTn4:hover{background-color:#ffffff4d}.styles_content__aC7R4 .styles_btnViewProject__6LTn4:active{background-color:#fff6}.styles_modal__uV63I{display:flex;left:0;position:fixed;text-align:center;top:0;width:100%}.styles_modal__uV63I .styles_rightSide__8Eodu{background-color:#00000080;display:flex;flex-direction:column;max-height:100vh;min-height:100vh;overflow:auto;position:relative;width:80%}.styles_modal__uV63I .styles_rightSide__8Eodu .styles_padding__p-A\+V{margin:auto 30px;padding-top:60px}.styles_modal__uV63I .styles_youtubeIframe__ZiChb{border-radius:20px;height:600px;overflow:hidden;width:100%}.styles_modal__uV63I .styles_gallery__rBLHJ{grid-gap:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:60px 30px 20px}.styles_modal__uV63I .styles_gallery__rBLHJ .styles_galleryItem__dfslo{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:20px;box-shadow:0 5px 20px #0000;cursor:pointer;height:300px;overflow:hidden;transition-duration:.25s;width:100%}.styles_modal__uV63I .styles_gallery__rBLHJ .styles_galleryItem__dfslo img{height:100%;object-fit:cover;width:100%}.styles_modal__uV63I .styles_gallery__rBLHJ .styles_galleryItem__dfslo:hover{border-radius:10px;box-shadow:0 5px 20px #00000080;transform:scale(1.075);z-index:1}.styles_modal__uV63I .styles_content__aC7R4{padding:40px;text-align:left;width:40%}.styles_modal__uV63I .styles_content__aC7R4 h2{font-size:3rem}.styles_modal__uV63I .styles_content__aC7R4 p{font-size:1.5rem}@media screen and (max-width:1000px){.styles_container__hwfNL{margin:0}.styles_container__hwfNL .styles_item__Y6tlv{margin:0 10px}.styles_subImgBlur__u8dpc{display:none}.styles_modal__uV63I{display:block;height:100vh;overflow:auto;padding:0}.styles_modal__uV63I .styles_content__aC7R4{max-height:none;min-height:0;min-height:auto;min-width:0;min-width:auto;overflow:visible;overflow:initial;padding:60px 20px 20px;width:100%}.styles_modal__uV63I .styles_content__aC7R4 h2{font-size:2rem}.styles_modal__uV63I .styles_content__aC7R4 p{font-size:1.1rem}.styles_modal__uV63I .styles_rightSide__8Eodu{display:block;height:auto;max-height:none;min-height:0;min-height:auto;padding:20px;width:100%}.styles_modal__uV63I .styles_rightSide__8Eodu .styles_padding__p-A\+V{margin:0}.styles_modal__uV63I .styles_youtubeIframe__ZiChb{height:250px}.styles_modal__uV63I .styles_youtubeIframe__ZiChb iframe{height:100%!important}.styles_modal__uV63I .styles_gallery__rBLHJ{padding:0}}.music-page{background-image:radial-gradient(#0000 1.5px,#0f1115 3px);background-size:4px 4px;min-height:100vh;padding:80px 20px 150px;width:100vw}.music-page .background-overlay{background-color:#181818;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%}.music-page .background-overlay .imgBackdrop{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;transform:scale(2);transition-duration:.75s;width:100%}.music-page h1{color:#fff}.music-page p{color:#ffffff80;margin:5px 0}.music-page .music-secion{margin:auto;max-width:960px;position:relative;z-index:1}.music-list{display:flex;flex-wrap:wrap;justify-content:center}.music-list .music-item{background-color:#ccc;background-position:50%;background-size:cover;border-radius:10px;cursor:pointer;height:300px;margin:20px 10px;overflow:hidden;position:relative;transition-duration:.25s;width:300px}.music-list .music-item .music-overlay{background-color:#00000080;height:100%;left:0;opacity:.25;position:absolute;top:0;transition-duration:.25s;width:100%}.music-list .music-item .iframe-notice{-webkit-backdrop-filter:blur(5px) saturate(30%);backdrop-filter:blur(5px) saturate(30%);background-color:#3a3a3a80;border-radius:20px;color:#fff;left:50%;opacity:0;padding:10px;pointer-events:none;position:absolute;top:50%;top:10px;transform:translateX(-50%);transition-duration:.25s;white-space:nowrap}.music-list .music-item .iframe-notice p{color:#fff;font-size:14px;margin:0;text-align:center;white-space:nowrap}.music-list .music-item .iframe-notice p svg{color:red}.music-list .music-item:hover{transform:scale(1.05)}.music-list .music-item:hover .music-overlay{opacity:0}.music-list .music-item:hover .iframe-notice{opacity:1}.music-list .music-item:active{transform:scale(1);transition-duration:.1s}.music-list .music-item .music-banner{-webkit-backdrop-filter:blur(5px) saturate(30%);backdrop-filter:blur(5px) saturate(30%);background-color:#3a3a3a80;border-radius:20px;bottom:20px;display:flex;height:80px;left:50%;padding:0 10px;position:absolute;transform:translateX(-50%);width:95%}.music-list .music-item .music-banner .music-info{align-items:start;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;overflow:hidden;padding:5px 10px;width:100%}.music-list .music-item .music-banner .music-info .music-title{align-items:center;color:#fff;display:flex;font-size:20px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.music-list .music-item .music-banner .music-info .music-title span{border-radius:10px;display:block;overflow:hidden;padding:0;text-overflow:ellipsis;transition-duration:.15s;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.music-list .music-item .music-banner .music-info .music-title .iconNewTab{display:inline-block;font-size:14px;opacity:0;transform:translateX(-5px);transition-duration:.15s}.music-list .music-item .music-banner .music-info .music-title:hover span{background-color:#ffffff26;padding:0 5px}.music-list .music-item .music-banner .music-info .music-author{color:#fff;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis}.music-list .music-item .music-banner .music-play-button{align-items:center;display:flex;height:100%;justify-content:center;margin:0 10px}.music-list .music-item .music-banner .music-play-button .button-control{margin:0;min-height:40px;min-width:40px}.music-list .music-item:hover .music-banner .music-info .music-title .iconNewTab{margin-left:5px;opacity:1;transform:translateX(0)}.player-backdrop{height:100vh;left:0;pointer-events:none;position:fixed;top:0;transform:scale(1);width:100vw;z-index:0}.player-backdrop .youtubeContainer{height:100%;width:100%}.floating-status{-webkit-backdrop-filter:blur(30px) saturate(30%);backdrop-filter:blur(30px) saturate(30%);background-color:hsla(0,0%,9%,.616);border-radius:5px;box-shadow:0 0 30px 0 #00000080;color:#fff;cursor:pointer;font-size:14px;font-weight:400;margin:5px auto;overflow:hidden;padding:5px 10px;position:absolute;text-align:center;text-overflow:ellipsis;top:-40px;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.floating-status:hover{background-color:rgba(56,56,56,.616)}.mini-player{bottom:20px;left:50%;position:fixed;transform:translateX(-50%);z-index:110}.mini-player .playerContainer{-webkit-backdrop-filter:blur(30px) saturate(30%);backdrop-filter:blur(30px) saturate(30%);background-color:hsla(0,0%,9%,.616);box-shadow:0 0 30px 0 #00000080;height:100%;position:relative;width:100%}.mini-player .playerContainer .player-progress{background-color:#ffffff40;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0;cursor:pointer;height:5px;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);transition-duration:.25s;width:100%;z-index:1}.mini-player .playerContainer .player-progress:hover{background-color:#fff6}.mini-player .playerContainer .player-progress .player-progress-bar{background-color:#fff;bottom:0;height:100%;left:0;position:absolute;width:0}.mini-player .playerContainer:hover .player-progress{height:10px}.mini-player .playerContainer .player-flex-tools{align-items:center;display:flex;height:100%;padding:10px;width:100%}.mini-player .playerContainer .player-flex-tools .player-thumbnail{background-color:#ccc;background-position:50%;background-size:cover;overflow:hidden;position:relative}.mini-player .playerContainer .player-flex-tools .player-thumbnail .link-overlay{align-items:center;background-color:#00000080;color:#fff;cursor:pointer;display:flex;font-size:20px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition-duration:.3s;width:100%}.mini-player .playerContainer .player-flex-tools .player-thumbnail:hover .link-overlay{transform:scale(1.2)}.mini-player .playerContainer .player-flex-tools .player-info-text{color:#fff;display:flex;flex-direction:column;justify-content:center;margin-left:10px;overflow:hidden;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.mini-player .playerContainer .player-flex-tools .player-info-text .song-name{height:23px;margin:0;position:relative}.mini-player .playerContainer .player-flex-tools .player-info-text .song-name span{display:block;position:absolute}.mini-player .playerContainer .player-flex-tools .player-info-text .author-name{font-size:15px;margin:0}.mini-player .playerContainer .player-flex-tools .player-info-text p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player .playerContainer .player-flex-tools .player-button{display:flex;margin-left:auto;margin-right:10px}.mini-player .playerContainer:hover .player-flex-tools .player-thumbnail .link-overlay{opacity:1}.button-control{align-items:center;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;margin-left:10px;max-height:40px;max-width:40px!important;min-height:40px;min-width:40px!important;padding:10px}.button-control:hover{background-color:#fff3;border:1px solid #fff3}@media screen and (max-width:500px){.mini-player .playerContainer .player-flex-tools .player-thumbnail{margin:0!important;max-height:40px!important;max-width:40px!important;min-height:40px!important;min-width:40px!important}.mini-player .playerContainer .player-button .button-control{font-size:15px;padding:5px}}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:100;src:local("Anuphan Thin"),local("Anuphan-Thin"),url(/static/media/Anuphan-Thin.d1df424cfa13414e25a3.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:200;src:local("Anuphan ExtraLight"),local("Anuphan-ExtraLight"),url(/static/media/Anuphan-ExtraLight.4452812ae2a2d6a6e10a.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:300;src:local("Anuphan Light"),local("Anuphan-Light"),url(/static/media/Anuphan-Light.a7e081bec59d9f1be012.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:400;src:local("Anuphan Regular"),local("Anuphan-Regular"),url(/static/media/Anuphan-Regular.8b28bf34d5d7d5bcc7c4.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:500;src:local("Anuphan Medium"),local("Anuphan-Medium"),url(/static/media/Anuphan-Medium.1a2bf6abb49ebe3db01f.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:600;src:local("Anuphan SemiBold"),local("Anuphan-SemiBold"),url(/static/media/Anuphan-SemiBold.02712483448e40a0ba9b.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:700;src:local("Anuphan Bold"),local("Anuphan-Bold"),url(/static/media/Anuphan-Bold.c3aeb7d1cee9e8952d10.ttf) format("truetype")}:root{--primary-color:#1ba3e4}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#000;font-family:Anuphan,sans-serif;margin:0;scroll-behavior:smooth;scrollbar-color:#fff #0000}body{overflow-x:hidden;overflow-y:scroll}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:#fff;outline:0;text-decoration:none}img{pointer-events:none}.centerContain,.loadingCenter{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.centerContain{text-align:center}.overlay-header{-webkit-backdrop-filter:blur(30px) saturate(30%);backdrop-filter:blur(30px) saturate(30%);height:70px;left:0;position:fixed;top:0;width:100vw;z-index:1}.overlay-header.mobile{-webkit-backdrop-filter:none;backdrop-filter:none}.scrollDown{bottom:20px;color:#ffffff80;font-size:20px;left:50%;position:absolute;text-align:center;transform:translateX(-50%);z-index:100}.scrollDown a{text-decoration:none}.commonBtn{background-color:#0000;border:1px solid #ffffff80;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:20px;padding:10px 20px;position:relative}.commonBtn:hover{background-color:#ffffff26;transform:scale(1.1)}.commonBtn:active{background-color:#ffffff40;transform:scale(1)}.credit{background-color:#00000040;bottom:0;color:#ffffffbf;font-size:15px;left:0;padding:10px;position:absolute;text-align:right;text-align:center;width:100vw}.credit p{display:inline}.notfound-page{background:#4a4692;background:linear-gradient(158deg,#4a4692,#090979 35%,#930101)}.notfound-page,.portfolio-page{color:#fff;min-height:100vh;width:100vw}.portfolio-page{background-color:#181818;padding-bottom:39px;position:relative}.portfolio-page h1{margin:0}.portfolio-page .first-section{border-radius:40px;color:#64c571;height:70vh;margin:0 40px;min-height:517px;overflow:hidden;padding:70px 40px 0;position:relative;width:calc(100% - 95px)}.portfolio-page .first-section h1{font-size:7em}.portfolio-page .first-section .wrapper{align-items:center;display:flex;height:100%;width:100%}.portfolio-page .first-section .wrapper .block-poly{font-size:25px}.portfolio-page .first-section .wrapper .block-poly h2{font-size:32px}.portfolio-page .first-section .in-row{margin:0 auto;width:95%}.portfolio-page .work-section{background-color:#292929;border-top-left-radius:40px;border-top-right-radius:40px;color:#ebecdb;overflow:hidden;padding:40px 40px 0;position:relative;width:100vw}.portfolio-page .work-section h1{font-size:3.5em}.portfolio-page .tagListWrapper{margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.portfolio-page .tagListWrapper .tagList{display:flex;flex-wrap:wrap;font-size:15px;justify-content:center;margin-bottom:15px;margin-top:15px}.portfolio-page .tagListWrapper .tagList .tag{background-color:#ffffff1a;border-radius:5px;cursor:pointer;margin-bottom:10px;margin-right:10px;padding:5px 10px}.portfolio-page .tagListWrapper .tagList .tag:hover{background-color:#ffffff4d}.portfolio-page .tagListWrapper .tagList .tag.active,.portfolio-page .tagListWrapper .tagList .tag:active{background-color:#fff;color:#000}@media screen and (max-width:1150px){.portfolio-page .first-section h1{font-size:4.5em}.portfolio-page .first-section .wrapper .block-poly{font-size:20px}.portfolio-page .first-section .wrapper .block-poly h2{font-size:32px}}@media screen and (max-width:860px){.portfolio-page .first-section h1{font-size:3.5em}}@media screen and (max-width:720px){.portfolio-page .first-section{height:400px;margin:0 20px;width:100%}.portfolio-page .first-section h1{font-size:2.5em}.portfolio-page .tagListWrapper{display:none}}@media screen and (max-width:560px){.portfolio-page .first-section h1{font-size:2em}}@media screen and (max-width:500px){.portfolio-page .first-section{height:300px;margin:0 20px;min-height:300px;padding:40px 0 0;width:100%}.portfolio-page .first-section .understandCSS{display:none}.portfolio-page .first-section h1{font-size:2.5em}.portfolio-page .first-section .wrapper .block-poly{font-size:20px}.portfolio-page .first-section .wrapper .block-poly h2{font-size:32px}.portfolio-page .work-section{border-top-left-radius:30px;border-top-right-radius:30px;padding:20px 5px 0}.portfolio-page .work-section h1{font-size:2.5em}}
/*# sourceMappingURL=main.16313748.css.map*/