@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap);#navigation[data-v-e596f84a]{position:fixed;left:50%;top:20px;transform:translateX(-50%);z-index:1000;max-width:1320px;width:100%;padding:10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:10px;transition:.3s,padding 0s}#navigation #logo[data-v-e596f84a],#navigation #logo[data-v-e596f84a]:visited{margin-top:3px;margin-bottom:6px;display:inline-block;color:#4542f4;text-decoration:none}#navigation #logo:visited svg[data-v-e596f84a],#navigation #logo svg[data-v-e596f84a]{width:46px;height:46px;vertical-align:middle}#navigation #logo:visited span[data-v-e596f84a],#navigation #logo span[data-v-e596f84a]{margin-left:14px;font-size:23px;vertical-align:middle;font-weight:500;transition:.4s}#navigation #links[data-v-e596f84a]{float:right;font-size:18px;margin-top:5px}#navigation #links .link[data-v-e596f84a]{margin-right:20px;color:#434343;text-decoration:none;padding:10px}#navigation #links .link[data-v-e596f84a]:hover{color:#2c2c2c}#navigation #links #accounts-link[data-v-e596f84a]{border-radius:10px;background:#4542f4;padding:8px 18px;color:#fff;text-decoration:none;margin-top:4px;display:inline-block}#navigation #links #accounts-link[data-v-e596f84a]:hover{background:#3835c7}#navigation #links #user[data-v-e596f84a]{display:inline-block;padding:5px 10px;border-radius:10px;color:#989898}#navigation #links #user img[data-v-e596f84a]{display:inline-block;vertical-align:middle;height:35px;width:35px;-o-object-fit:cover;object-fit:cover;background-color:#fff;border-radius:100px;border:2px solid #dfdfdf}#navigation #links #user span[data-v-e596f84a]{margin-right:10px;vertical-align:middle;display:inline-block}#navigation #links #user[data-v-e596f84a]:hover{background:rgba(0,0,0,.03)}#navigation.dark #links .link[data-v-e596f84a]{color:#fff}#navigation.dark #links .link[data-v-e596f84a]:hover{color:#dbdbdb}#navigation.dark #links #user[data-v-e596f84a]{color:#ddd}#navigation.dark #links #user[data-v-e596f84a]:hover{background:hsla(0,0%,100%,.03)}#navigation.small[data-v-e596f84a]{padding:10px;z-index:1000;background:hsla(0,0%,93.3%,.75);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);top:20px}#navigation.small #links[data-v-e596f84a]{opacity:1}#navigation.small #logo[data-v-e596f84a]{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;margin-left:0}#navigation.small #logo span[data-v-e596f84a]{display:inline}#navigation.small.dark[data-v-e596f84a]{background:rgba(0,0,0,.26)}#navigation.dont-show-on-top[data-v-e596f84a]{background:transparent}@media screen and (max-width:1280px){#navigation[data-v-e596f84a]{width:calc(100% - 40px);top:20px}}@media screen and (max-width:720px){#navigation[data-v-e596f84a]{left:0;top:0;transform:translateX(0);width:100%;border-radius:0;background:hsla(0,0%,93.3%,.75)}#navigation.dark[data-v-e596f84a]{background:rgba(0,0,0,.26)}#projects-button[data-v-e596f84a]{display:none}}#footer-back[data-v-08236356]{padding-bottom:20px}#footer[data-v-08236356]{background:#eee;max-width:1300px;position:relative;margin:auto;padding:30px 40px;border-radius:10px;font-size:17px}#footer #copyright[data-v-08236356]{right:0;position:absolute;margin-top:7px;margin-right:40px;color:#989898}#footer svg[data-v-08236356]{vertical-align:middle;width:40px;height:40px;margin-right:20px;color:#545454}#footer svg[data-v-08236356]:hover{color:#4542f4}#footer a[data-v-08236356],#footer a[data-v-08236356]:link,#footer a[data-v-08236356]:visited{color:#656565;text-decoration:none;margin-right:20px}#footer.dark[data-v-08236356]{background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}#footer.dark a[data-v-08236356],#footer.dark a[data-v-08236356]:link,#footer.dark a[data-v-08236356]:visited,#footer.dark svg[data-v-08236356]{color:#fff}@media screen and (max-width:1280px){#footer-back[data-v-08236356]{padding:20px}}@media screen and (max-width:720px){#footer-back[data-v-08236356]{padding:0}#footer[data-v-08236356]{border-radius:0;padding:10px 20px;text-align:center}#footer #copyright[data-v-08236356]{display:block;position:relative;margin-top:7px;margin-bottom:10px;margin-right:0;margin-left:0}#footer svg[data-v-08236356]{display:block;margin:10px auto}#footer a[data-v-08236356],#footer a[data-v-08236356]:link,#footer a[data-v-08236356]:visited{margin-right:0;display:block}}#app{overflow-x:hidden}.contents[data-v-0460335f]{height:100%}#top[data-v-0460335f]{position:relative;padding-bottom:200px}#top-images[data-v-0460335f]{position:absolute;right:-270px;top:50%;transform:translateY(-55%) rotate(4deg);display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#top-images div[data-v-0460335f]{margin-bottom:10px}#top-images div img[data-v-0460335f]{width:370px;margin-left:13px;border:2.5px solid #eee;border-radius:10px;display:inline-block}#top-images div[data-v-0460335f]:first-child{padding-left:60px}#top-images div[data-v-0460335f]:nth-child(2){padding-left:30px}#big-title[data-v-0460335f]{margin-top:300px}#big-title div[data-v-0460335f]{width:50%}#bg-cs[data-v-0460335f]{width:800px;height:800px;background:rgba(69,66,244,.07);border-radius:100%;position:absolute;right:-284px;top:-173px}@media screen and (max-width:1200px){#top-images[data-v-0460335f]{right:-380px}#big-title div[data-v-0460335f]{width:50%}}@media screen and (max-width:1080px){#top[data-v-0460335f]{padding-top:0}#big-title[data-v-0460335f]{text-align:center;position:absolute;top:0;margin-top:130px;left:50%;transform:translateX(-50%);width:100%}#big-title div[data-v-0460335f]{width:100%}#big-title h1[data-v-0460335f]{margin-top:0}#top-images[data-v-0460335f]{padding-top:740px;position:relative;transform:none;right:0;margin:auto;display:block}#top-images div[data-v-0460335f]:first-child,#top-images div[data-v-0460335f]:nth-child(2){padding-left:0}#bg-cs[data-v-0460335f]{display:none}}@media screen and (max-width:780px){#top-images div img[data-v-0460335f]{width:100%;display:block;margin-left:0;margin-bottom:10px}}space10{margin-top:10px;display:block}space20{margin-top:20px;display:block}space30{margin-top:30px}.block,space30{display:block}.tTLowercase{text-transform:lowercase}.tTUppercase{text-transform:uppercase}.tTNormal{text-transform:none}[hewi]{width:attr(hewi);height:attr(hewi)}[round]{border-radius:100%}.bottom-right{position:fixed;bottom:30px;right:30px}.bottom-left{position:fixed;bottom:30px;left:30px}.top-right{right:30px}.top-left,.top-right{position:fixed;top:30px}.top-left{left:30px}.btn,.btn:link,.btn:visited{padding:10px 22px;cursor:pointer;display:inline-block;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,.2);transition:box-shadow .3s;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;text-decoration:none;background:#fff;color:#323232;font-size:14px;text-transform:uppercase}.btn:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,.2)}.btn:active,.btn:focus{box-shadow:0 1.5px 1.5px 0 rgba(0,0,0,.13);outline:none}.btn.disabled{background:#9e9e9e;color:#fff;cursor:unset;pointer-events:none}.btn.disabled:active,.btn.disabled:focus,.btn.disabled:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,.2)}.btn.clean,.btn.clean:active,.btn.clean:focus,.btn.clean:link,.btn.clean:visited{box-shadow:none;background:transparent;transition:background .3s}.btn.clean:hover{background:rgba(0,0,0,.07)}.btn .material-icons{vertical-align:middle;font-size:inherit;margin-right:5px}.btn.fab{padding:5px;font-size:30px;border-radius:100%;width:50px;height:50px;line-height:45px}.btn.fab .material-icons{font-size:25px;margin-right:0}.btn.fab.small{padding:5px;font-size:30px;border-radius:100%;width:40px;height:40px;line-height:35px}.btn.fab.small .material-icons{font-size:23px;margin-right:0}.card{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);display:block;border-radius:5px;background:#fff}.card.border{border:1px solid rgba(0,0,0,.13);box-shadow:none}.card-action{padding:10px 12px 10px 12px}.card-action-btn{padding:10px 5px 10px 5px}.card-action-btn .btn{padding:8.4px 10px;margin-right:3px}.card-text{padding:10px 12px 0 12px}.card-title{padding:15px 12px 10px 12px;font-size:23px}.col_list{display:flex;width:100%}.col_5p,.col_list{box-sizing:border-box}.col_5p{width:10%}.col_15p{width:15%}.col_15p,.col_20p{box-sizing:border-box}.col_20p{width:20%}.col_25p{width:25%}.col_25p,.col_30p{box-sizing:border-box}.col_30p{width:30%}.col_33p{width:33.3333333333%}.col_33p,.col_35p{box-sizing:border-box}.col_35p{width:35%}.col_40p{width:40%}.col_40p,.col_45p{box-sizing:border-box}.col_45p{width:45%}.col_50p{width:50%}.col_50p,.col_55p{box-sizing:border-box}.col_55p{width:55%}.col_60p{width:60%}.col_60p,.col_65p{box-sizing:border-box}.col_65p{width:65%}.col_70p{width:70%}.col_70p,.col_75p{box-sizing:border-box}.col_75p{width:75%}.col_80p{width:80%}.col_80p,.col_85p{box-sizing:border-box}.col_85p{width:85%}.col_90p{width:90%}.col_90p,.col_95p{box-sizing:border-box}.col_95p{width:95%}.col_100p{width:100%;box-sizing:border-box}.col_container{display:flex;margin:0 auto}.p10px{padding:10px}.p10px,.p20px{box-sizing:border-box}.p20px{padding:20px}.p30px{padding:30px}.p30px,.p40px{box-sizing:border-box}.p40px{padding:40px}.p50px{padding:50px}.p50px,.p60px{box-sizing:border-box}.p60px{padding:60px}.p70px{padding:70px}.p70px,.p80px{box-sizing:border-box}.p80px{padding:80px}.p90px{padding:90px}.p90px,.p100px{box-sizing:border-box}.p100px{padding:100px}.col_100px{width:100px}.col_100px,.col_200px{box-sizing:border-box;max-width:100%}.col_200px{width:200px}.col_300px{width:300px}.col_300px,.col_400px{box-sizing:border-box;max-width:100%}.col_400px{width:400px}.col_500px{width:500px}.col_500px,.col_600px{box-sizing:border-box;max-width:100%}.col_600px{width:600px}.col_700px{width:700px}.col_700px,.col_800px{box-sizing:border-box;max-width:100%}.col_800px{width:800px}.col_900px{width:900px}.col_900px,.col_1000px{box-sizing:border-box;max-width:100%}.col_1000px{width:1000px}.col_1100px{width:1100px}.col_1100px,.col_1200px{box-sizing:border-box;max-width:100%}.col_1200px{width:1200px}.col_1300px{width:1300px}.col_1300px,.col_1400px{box-sizing:border-box;max-width:100%}.col_1400px{width:1400px}.col_1500px{width:1500px}.col_150px,.col_1500px{box-sizing:border-box;max-width:100%}.col_150px{width:150px}.col_250px{width:250px}.col_250px,.col_350px{box-sizing:border-box;max-width:100%}.col_350px{width:350px}.col_450px{width:450px}.col_450px,.col_550px{box-sizing:border-box;max-width:100%}.col_550px{width:550px}.col_650px{width:650px}.col_650px,.col_750px{box-sizing:border-box;max-width:100%}.col_750px{width:750px}.col_850px{width:850px}.col_850px,.col_950px{box-sizing:border-box;max-width:100%}.col_950px{width:950px}.col_1050px{width:1050px}.col_1050px,.col_1150px{box-sizing:border-box;max-width:100%}.col_1150px{width:1150px}.col_1250px{width:1250px}.col_1250px,.col_1350px{box-sizing:border-box;max-width:100%}.col_1350px{width:1350px}.col_1450px{width:1450px}.col_1450px,.col_1550px{box-sizing:border-box;max-width:100%}.col_1550px{width:1550px}.b_100px{min-width:100px}.b_100px,.b_200px{box-sizing:border-box}.b_200px{min-width:200px}.b_300px{min-width:300px}.b_300px,.b_400px{box-sizing:border-box}.b_400px{min-width:400px}.b_500px{min-width:500px}.b_500px,.b_600px{box-sizing:border-box}.b_600px{min-width:600px}.b_700px{min-width:700px}.b_700px,.b_800px{box-sizing:border-box}.b_800px{min-width:800px}.b_900px{min-width:900px}.b_900px,.b_1000px{box-sizing:border-box}.b_1000px{min-width:1000px}.b_1100px{min-width:1100px}.b_1100px,.b_1200px{box-sizing:border-box}.b_1200px{min-width:1200px}.b_1300px{min-width:1300px}.b_1300px,.b_1400px{box-sizing:border-box}.b_1400px{min-width:1400px}.b_1500px{min-width:1500px;box-sizing:border-box}@media screen and (max-width:920px){.col_container{display:block;width:100%}.col_5p,.col_15p,.col_20p,.col_25p,.col_30p,.col_33p,.col_35p,.col_40p,.col_45p,.col_50p,.col_55p,.col_60p,.col_65p,.col_70p,.col_75p,.col_80p,.col_85p,.col_90p,.col_95p,.col_100p{width:100%}.bl_block{display:block}.b_100px,.b_200px,.b_300px,.b_400px,.b_500px,.b_600px,.b_700px,.b_800px,.b_900px,.b_1000px,.b_1100px,.b_1200px,.b_1300px,.b_1400px,.b_1500px{width:100%}.col_100px,.col_200px,.col_300px,.col_400px,.col_500px,.col_600px,.col_700px,.col_800px,.col_900px,.col_1000px,.col_1100px,.col_1200px,.col_1300px,.col_1400px,.col_1500px{width:100%;box-sizing:border-box}.p10px{padding:10px}.p20px{padding:20px}.p30px{padding:30px}.p40px{padding:40px}.p50px{padding:50px}.p60px{padding:60px}.p70px{padding:70px}.p80px{padding:80px}.p90px{padding:90px}.p100px{padding:100px}}.color_blue,[color=blue]{color:#2196f3}.bgcolor_blue,[bgcolor=blue]{background-color:#2196f3}.btn.blue{background:#2196f3;color:#fff}.btn.trn.blue{background:rgba(33,150,243,.13);color:#2196f3}.btn.trnh.blue,.btn.trnh.blue:hover,.btn.trnh.blue:link,.btn.trnh.blue:visited{background:transparent;color:#2196f3;transition:background .3s;box-shadow:none}.btn.trnh.blue:active,.btn.trnh.blue:focus{background:rgba(33,150,243,.33);box-shadow:none}.btn.trnh.blue:hover{background:rgba(33,150,243,.13);color:#2196f3}.color_green,[color=green]{color:#4caf50}.bgcolor_green,[bgcolor=green]{background-color:#4caf50}.btn.green{background:#4caf50;color:#fff}.btn.trn.green{background:rgba(76,175,80,.13);color:#4caf50}.btn.trnh.green,.btn.trnh.green:hover,.btn.trnh.green:link,.btn.trnh.green:visited{background:transparent;color:#4caf50;transition:background .3s;box-shadow:none}.btn.trnh.green:active,.btn.trnh.green:focus{background:rgba(76,175,80,.33);box-shadow:none}.btn.trnh.green:hover{background:rgba(76,175,80,.13);color:#4caf50}[tooltip]{position:relative}[tooltip]:after,[tooltip]:before{text-transform:none;font-size:14px;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}[tooltip]:before{content:"";border:5px solid transparent;z-index:1001}[tooltip]:after{content:attr(tooltip);font-family:Helvetica,sans-serif;text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1px 2px .5px rgba(0,0,0,.15);background:#333;color:#fff;z-index:1000}[tooltip]:hover:after,[tooltip]:hover:before{display:block}[tooltip=""]:after,[tooltip=""]:before{display:none!important}[tooltip]:not([tooltip-pos]):after,[tooltip][tooltip-pos^=top]:after{bottom:calc(100% + 5px)}[tooltip]:not([tooltip-pos]):after,[tooltip]:not([tooltip-pos]):before,[tooltip][tooltip-pos^=top]:after,[tooltip][tooltip-pos^=top]:before{left:50%;transform:translate(-50%,-.5em)}[tooltip][tooltip-pos^=bottom]:after{top:calc(100% + 5px)}[tooltip][tooltip-pos^=bottom]:after,[tooltip][tooltip-pos^=bottom]:before{left:50%;transform:translate(-50%,.5em)}[tooltip][tooltip-pos^=left]:after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)}[tooltip][tooltip-pos^=right]:after{top:50%;left:calc(100% + 5px);transform:translate(.5em,-50%)}@-webkit-keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@-webkit-keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}@keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}[tooltip]:not([flow]):hover:after,[tooltip]:not([flow]):hover:before,[tooltip][tooltip-pos^=bottom]:hover:after,[tooltip][tooltip-pos^=bottom]:hover:before,[tooltip][tooltip-pos^=top]:hover:after,[tooltip][tooltip-pos^=top]:hover:before{-webkit-animation:tooltips-vert .3s ease-out forwards;animation:tooltips-vert .3s ease-out forwards}[tooltip][tooltip-pos^=left]:hover:after,[tooltip][tooltip-pos^=left]:hover:before,[tooltip][tooltip-pos^=right]:hover:after,[tooltip][tooltip-pos^=right]:hover:before{-webkit-animation:tooltips-horz .3s ease-out forwards;animation:tooltips-horz .3s ease-out forwards}*{font-family:Jost,Montserrat,sans-serif}:focus{outline:none}.blog_post{padding:20px;box-sizing:border-box;display:block;margin-bottom:30px;margin-right:20px;box-shadow:0 2px 5px -1px rgba(0,0,0,.35);background:var(--block-background);border-radius:5px;text-decoration:none;width:400px;display:inline-block;vertical-align:top}.blog_post_user{display:flex;margin-bottom:10px}.blog_post_user_image{width:40px;height:40px;border-radius:40px}.blog_post_blog_image{height:20px;position:absolute;margin-top:19px;margin-left:19px;padding:2px;border-radius:60px}.blog_post_user_name{display:block;font-size:16px;color:#656565;padding-left:14px;line-height:40px}.blog_post_date{float:right;font-size:15px;color:#767676;margin-top:7px}.blog_post_title{color:#4542f4;font-size:28px;word-break:break-all}.blog_post_image{max-width:100%;max-height:300px;margin-bottom:10px;margin-top:6px;border-radius:4px}.blog_post_contents{color:#767676;font-size:17px;max-height:350px;overflow:hidden;box-shadow:inset 0 -11px 8px -10px var(--block-background)}.contents_first{margin:0 auto;width:100%;margin-top:70px;max-width:810px;padding:30px;box-sizing:border-box;background:var(--background)}#post_title{color:#4542f4;font-size:40px;margin-top:20px;word-break:break-all}#post_info{color:rgba(69,66,244,.67);font-size:19px;margin-top:36px;float:right}#post_image{max-width:100%;margin-bottom:30px;margin-top:20px;border-radius:4px}#post_user{display:flex;text-decoration:none;margin:40px 0}#post_user div{padding:2px 15px;box-sizing:border-box}#post_user_name{color:var(--text-color);font-size:20px}#post_user_description{color:var(--text-color);font-size:17px;height:17px}#post_user_profilepic{width:50px;height:50px;border-radius:100px}#post_contents{color:var(--text-color);font-size:22px}#post_contents img{max-width:100%;margin-bottom:10px;margin-top:6px;border-radius:4px}#blog_user{display:flex;padding-top:40px;margin-bottom:40px;box-shadow:0 1px 2px 1px rgba(0,0,0,.15)}#blog_user_description{color:var(--text-color);font-size:24px}#blog_user_image{width:100px;height:100px;border-radius:150px;background:rgba(0,0,0,.07)}#blog_user_name{color:var(--link-color);font-size:29px;display:block;font-weight:500}#blog_user_info{padding:2px 26px}@media screen and (max-width:720px){.blog_post{width:100%;margin-right:0}.blog_post .blog_post_title{font-size:26px}}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}html{scroll-behavior:smooth}.contents{max-width:1380px;width:100%;padding:40px;margin:auto}#big-title h1{font-size:70px;font-weight:500;color:#4542f4;margin-top:100px}@media screen and (max-width:1100px){#big-title h1{font-size:70px}}@media screen and (max-width:1000px){#big-title h1{font-size:60px}}@media screen and (max-width:720px){#big-title h1{font-size:50px}}#big-title div{margin-top:40px}.button{color:#4542f4;background:rgba(69,66,244,.1);text-decoration:none;border-radius:10px;font-size:20px;padding:5px 15px;font-weight:500;display:inline-block;margin-right:15px;margin-bottom:12px}.button:hover{background:rgba(69,66,244,.15)}@media screen and (max-width:720px){.hide-me-720px{display:none!important}.contents{padding:15px}}@media screen and (max-width:1280px){.hide-me-1280px{display:none!important}}@media screen and (max-width:950px){.hide-me-950px{display:none!important}}