@import url(https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{--mono_100:#f8f9fa;--mono_200:#e9ecef;--mono_300:#dee2e6;--mono_400:#ced4da;--mono_500:#adb5bd;--mono_600:#6c757d;--mono_700:#495057;--mono_800:#343a40;--mono_900:#212529;--egg:#fef9c3;--yellow:#fef263;--green:#839b5c;--blue:#2c4c64;--pink:#f9a8d4;--red:#d3381c;--orange:#ee7800;--purple:#a59aca;--black:#000a02;--sumi:#313131;--background:#fffef7;--background-sub:#ebeae0}.app{background-color:var(--background);height:100vh;width:100vw}.green_font{color:var(--green)}.pink_font{color:var(--pink)}.about{height:100vh;-webkit-user-select:none;user-select:none;width:100vw}.about__top__image{display:flex;margin:auto 80px 10px auto}.ant{height:10px;width:10px}@media only screen and (min-width:480px){.about__top{display:flex;height:64px;width:100%}.about__container{border:1px solid #000;display:flex;flex-direction:row;height:calc(100% - 128px);margin:0 64px 64px;width:calc(100% - 128px)}.about__left{height:100%;width:40%}.about__right{height:100%;overflow:auto;width:60%}}@media only screen and (max-width:480px){.about__top{display:flex;height:20px;width:100%}.about__container{border:1px solid #000;display:flex;flex-direction:column;height:calc(100% - 40px);margin:0 20px 20px;width:calc(100% - 40px)}.about__left{width:100%}.about__right{overflow:auto;width:100%}}.about__left__header{font-family:Hina Mincho,serif;padding:30px}.about__left__header__name{font-size:40px}.about_clickable{border-bottom:.5px groove;cursor:pointer;font-weight:550}.ant{background:#0000;box-shadow:1px 1px 0 #000,2px 1px 0 #0000,3px 1px 0 #0000,4px 1px 0 #000,5px 1px 0 #0000,6px 1px 0 #0000,7px 1px 0 #0000,8px 1px 0 #0000,9px 1px 0 #0000,10px 1px 0 #0000,1px 2px 0 #0000,2px 2px 0 #000,3px 2px 0 #0000,4px 2px 0 #000,5px 2px 0 #0000,6px 2px 0 #0000,7px 2px 0 #0000,8px 2px 0 #0000,9px 2px 0 #0000,10px 2px 0 #0000,1px 3px 0 #0000,2px 3px 0 #000,3px 3px 0 #0000,4px 3px 0 #000,5px 3px 0 #0000,6px 3px 0 #0000,7px 3px 0 #0000,8px 3px 0 #0000,9px 3px 0 #0000,10px 3px 0 #0000,1px 4px 0 #000,2px 4px 0 #000,3px 4px 0 #000,4px 4px 0 #0000,5px 4px 0 #0000,6px 4px 0 #0000,7px 4px 0 #0000,8px 4px 0 #0000,9px 4px 0 #0000,10px 4px 0 #0000,1px 5px 0 #000,2px 5px 0 #0000,3px 5px 0 #000,4px 5px 0 #0000,5px 5px 0 #0000,6px 5px 0 #0000,7px 5px 0 #0000,8px 5px 0 #000,9px 5px 0 #000,10px 5px 0 #0000,1px 6px 0 #000,2px 6px 0 #000,3px 6px 0 #000,4px 6px 0 #000,5px 6px 0 #000,6px 6px 0 #0000,7px 6px 0 #000,8px 6px 0 #000,9px 6px 0 #000,10px 6px 0 #000,1px 7px 0 #0000,2px 7px 0 #0000,3px 7px 0 #0000,4px 7px 0 #000,5px 7px 0 #000,6px 7px 0 #000,7px 7px 0 #000,8px 7px 0 #000,9px 7px 0 #000,10px 7px 0 #000,1px 8px 0 #0000,2px 8px 0 #0000,3px 8px 0 #0000,4px 8px 0 #0000,5px 8px 0 #000,6px 8px 0 #0000,7px 8px 0 #000,8px 8px 0 #0000,9px 8px 0 #000,10px 8px 0 #0000,1px 9px 0 #0000,2px 9px 0 #0000,3px 9px 0 #0000,4px 9px 0 #000,5px 9px 0 #0000,6px 9px 0 #0000,7px 9px 0 #000,8px 9px 0 #0000,9px 9px 0 #000,10px 9px 0 #0000,1px 10px 0 #0000,2px 10px 0 #0000,3px 10px 0 #000,4px 10px 0 #0000,5px 10px 0 #0000,6px 10px 0 #000,7px 10px 0 #0000,8px 10px 0 #0000,9px 10px 0 #0000,10px 10px 0 #000;content:"";height:1px;left:-1px;top:-1px;width:1px}@media only screen and (min-width:480px){.aboutMenu{padding-top:50px}}.aboutMenu__element{align-items:center;display:flex;padding-top:10px}.aboutMenu__element__pointer{border-radius:3px;height:6px;margin:12px;transition:.5s;width:6px}.aboutMenu__element>.selected{background-color:#000}.aboutMenu__element__title{transition:.5s}.aboutMenu__element__title:hover{color:var(--mono_600);cursor:pointer}.aboutHome{display:flex;height:100%;width:100%}.aboutHome__text{font-size:14px;line-height:1.6;margin:auto 0 0 auto;padding:30px;width:100%}.aboutHome__text>b{margin-top:15px}@media only screen and (min-width:480px){.aboutProject{padding-top:150px}}@media only screen and (max-width:480px){.aboutProject{padding:20px}}.aboutProject_space{height:150px}.aboutProject_clickable{cursor:pointer}.aboutProject_title{font-size:28px;font-weight:600;padding:10px 0}.aboutProject_description{font-size:15px;font-weight:400;opacity:.75}@media only screen and (min-width:480px){.aboutInfo{display:flex;flex-direction:row;font-size:14px;height:100%;width:100%}.aboutInfo__left{height:100%;padding-left:20%;width:30%}.aboutInfo__right{display:flex;height:calc(100% - 60px);padding:30px;width:100%}}@media only screen and (max-width:480px){.aboutInfo{display:flex;flex-direction:column;font-size:14px;height:100%;width:100%}.aboutInfo__left{padding:20px 30px 0}.aboutInfo__right{padding:0 30px 20px}}.aboutInfo__left__list{line-height:1.6;position:relative;top:50%;transform:translateY(-50%)}.aboutInfo__right__list{line-height:1.6;margin-left:auto;margin-right:0}.aboutInfo__list__element{transition:.5s}.aboutInfo__list__element:hover{color:var(--mono_600);cursor:pointer}@media only screen and (min-width:480px){.diptych{align-items:center;padding-left:10vw;padding-right:10vw;padding-top:15vh}}@media only screen and (max-width:480px){.diptych{align-items:center;padding-left:10px;padding-right:10px;padding-top:10px}}@media only screen and (min-width:1120px){.diptych__top{display:flex;flex-direction:row;width:100%}.diptych__info{width:60%}.diptych__upload{background-color:var(--egg);border-radius:10px;color:var(--mono_700);max-width:600px;width:40%}}@media only screen and (max-width:1120px){.diptych__top{display:flex;flex-direction:column;width:100%}.diptych__info{width:100%}.diptych__upload{background-color:var(--egg);border-radius:10px;color:var(--mono_700);max-width:600px;width:100%}}.lato__font{font-family:Lato,sans-serif}.vollkorn__font{font-family:Vollkorn}.diptych__title{font-size:60px;font-weight:700}.diptych__description{color:var(--mono_700);margin:50px 0}.diptych__upload__header{border-bottom:1px solid var(--yellow);font-weight:700;padding:20px}.diptych__upload__body{padding:20px}@media only screen and (min-width:585px){.diptych__upload__buttons{align-items:center;display:flex;flex-direction:row;gap:10px;padding:20px 10px}}@media only screen and (max-width:585px){.diptych__upload__buttons{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px 10px}}.diptych__upload__button{align-items:center;display:flex;flex-direction:row}.diptych__upload__button__upload{background-color:var(--mono_200);border-radius:10px;cursor:pointer;font-weight:600;padding:5px 10px}.diptych__upload__button__upload:hover{opacity:.8}.diptych__upload__button__clickable{cursor:pointer}.diptych__upload__button__clickable:hover{opacity:.8}.diptych__upload__button__not__clickable{cursor:default;opacity:.5}.diptych__upload__button__rotate{padding:0 5px}.diptych__upload__button__swap{font-size:20px;padding:0 20px;text-align:center}.diptych__upload__settings{align-items:left;display:flex;flex-direction:column;gap:16px;margin-top:16px}.diptych__upload__setting{font-weight:500}.diptych__upload__setting__width{width:50px}.diptych__upload__setting__color,.diptych__upload__setting__width{background-color:initial;border:0;color:var(--mono_700);font-size:16px;font-weight:600;margin-left:8px}.diptych__upload__setting__color{width:100px}.diptych__download{align-items:center;margin-top:30px;text-align:center}.diptych__download__button{background-color:var(--mono_200);border-radius:10px;cursor:pointer;font-weight:600;margin:auto;padding:5px 10px;width:120px}.diptych__download__button:hover{opacity:.8}.diptych__preview{align-items:center;display:flex;justify-content:center;margin:30px auto 50px;width:100%}.diptych__preview>canvas{background:#0000;display:block;height:auto;max-height:80vh;max-width:80vw;width:auto}.diptych__footer{font-weight:600;text-align:center}.diptych__link{color:var(--purple);cursor:pointer}.diptych__link:hover{opacity:.7}.diptych__footer{border-top:1px solid var(--mono_200);padding:20px}input[type=file]{display:none}.blog{color:var(--black);width:100vw}.blog,.blog__body{background-color:var(--background);margin-top:73px;min-height:calc(100vh - 73px)}.blog__body{line-height:1.5;margin-left:auto;margin-right:auto;max-width:850px}.blog__home__intro{padding:20px}.blog__home__link{border-bottom:groove}.blog__home__link:hover{cursor:pointer}.blog__home__recommendation{padding:20px}.blog__home__recommendation__header{cursor:pointer;font-weight:600}@media only screen and (min-width:810px){.blog__home__recommendation__list{display:flex;flex-direction:row;gap:30px}}@media only screen and (max-width:810px){.blog__home__recommendation__list{display:flex;flex-direction:column;gap:30px}}.blog__home__recommendation__element{background-color:var(--egg);border-radius:25px;width:250px;z-index:2}.blog__home__recommendation__element:hover{cursor:pointer}.blog__home__recommendation__element__body{padding:0 10px 20px}.blog__home__recommendation__element__image{pointer-events:none}.blog__home__recommendation__element__date{color:var(--mono_600)}.blog__home__recommendation__element__title{font-weight:600}.blogHeader__container{align-items:center;background-color:var(--background);border-bottom:1px groove;display:flex;left:0;padding:10px 20px;position:fixed;top:0;width:100%;z-index:3}.blogHeader__left{display:flex;flex-direction:column;font-family:Hina Mincho,serif}.blogHeader__left:hover{cursor:pointer}.blogHeader__left__title{font-size:20px;font-weight:600}.blogHeader__right{display:flex;gap:15px;margin-left:auto;margin-right:40px}.blogHeader__right__icon{cursor:pointer;opacity:1;visibility:visible}.blogHeader__right__icon.hide{opacity:0;transition:visibility .2s linear,opacity .2s linear;visibility:hidden}.navbar{background-color:var(--background-sub);display:flex;flex-direction:column;gap:30px;height:calc(100vh - 132px);padding:30px;position:absolute;right:0;top:72px}.navbar__item{border-bottom:2px solid var(--sumi);font-weight:600}.generalBlog{padding:30px}.generalBlog__date{color:var(--mono_700)}.generalBlog__tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.generalBlog__tag{background-color:var(--mono_300);padding:5px;width:fit-content}.customMarkDown{white-space:"pre-wrap"}.customMarkDown>h3{color:var(--mono_700)}.techBlog{padding:30px}.techBlog__date{color:var(--mono_700);margin-top:30px}.techBlog__tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.techBlogs__tag{background-color:var(--mono_300);padding:5px;width:fit-content}.search{align-items:center;display:flex;flex-direction:column;gap:10px;min-height:calc(100vh - 73px);padding:20px;transition:visibility .1s linear,opacity .1s linear}.search__close:hover{cursor:pointer}.search__top{display:flex;flex-direction:row;gap:50px;justify-content:center;text-align:center}.search__top__item{font-size:18px;font-weight:600}.search__top__item:hover{cursor:pointer}.search__top__item.selected{border-bottom:3px solid var(--sumi)}@media only screen and (min-width:810px){.search__tags{flex-wrap:wrap;gap:15px;justify-content:center;max-width:60%;text-align:center}.search__input,.search__tags{display:flex;flex-direction:row}.search__input{border:groove;font-size:20px;line-height:20px;padding:4px;width:60vw}.search__close{position:fixed;right:20px}}@media only screen and (max-width:810px){.search__tags{flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px;text-align:center}.search__input,.search__tags{display:flex;flex-direction:row}.search__input{border:groove;font-size:20px;line-height:20px;padding:4px;width:90vw}.search__close{margin-left:auto;margin-right:0}}.search__tag{background-color:var(--mono_300);padding:5px;width:fit-content}.search__tag:hover{cursor:pointer}.search__tag.selected{background-color:var(--mono_800);color:var(--mono_200)}.search__input__icon{cursor:pointer;margin-left:auto;margin-right:0}.search__input>input{background-color:inherit;border:none;outline-style:none;width:100%}.search__articles{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px}.search__article{background-color:var(--egg);border-radius:25px;width:250px;z-index:2}.search__article:hover{cursor:pointer}.search__article__body{padding:0 10px 20px}.search__article__image{pointer-events:none}.search__article__date{color:var(--mono_600)}.search__article__title{font-weight:600}.pagination-container{display:flex;list-style-type:none;.pagination-item{align-items:center;border-radius:16px;box-sizing:border-box;color:#000000de;display:flex;font-size:13px;height:32px;letter-spacing:.01071em;line-height:1.43;margin:auto 4px;min-width:32px;padding:0 12px;text-align:center;&.dots:hover{background-color:initial;cursor:default}&:hover{background-color:#0000000a;cursor:pointer}&.selected{background-color:#00000014}.arrow{&:before{border-right:.12em solid #000000de;border-top:.12em solid #000000de;content:"";display:inline-block;height:.4em;position:relative;width:.4em}&.left{transform:rotate(-135deg) translate(-50%)}&.right{transform:rotate(45deg)}}&.disabled{pointer-events:none;.arrow:before{border-right:.12em solid #0000006e;border-top:.12em solid #0000006e}&:hover{background-color:initial;cursor:default}}}}