@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);@import url("https://fonts.googleapis.com/css2?family=Rozha+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap");body,html{margin:0}li,ol,ul{list-style-type:none;margin:0;padding:0}figure,h1,h2,h3,h4,p{margin:0}img{vertical-align:top}a{text-decoration:none}button{cursor:pointer}video{font-size:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-family:Spoqa Han Sans Neo,sans-serif;font-size:18px;font-weight:400}.mail div>a p b,.menu>div span a,.start figcaption,footer a article h2{font-family:Rozha One,serif;font-weight:400}.contit h2,.detail .left small,.write article h2,footer a article small{font-family:Montserrat,sans-serif;font-weight:600}.start{height:100vh;opacity:0;position:relative;text-align:center;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:1s;transition:1s;width:100%}.start p{height:95vh;margin:0 auto;overflow-y:hidden;padding-top:12vh;-webkit-transition:.5s;transition:.5s;width:80%}.start p.active{padding-top:0;width:100%}.start p img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.start figcaption{-webkit-text-stroke:2px #fff;color:transparent;cursor:default;font-size:80px;font-weight:400;left:50%;line-height:1;position:absolute;text-shadow:5px 5px 10px rgba(0,0,0,.5);top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.5s;transition:.5s;white-space:pre-line}.start figcaption:hover{-webkit-text-stroke:none;color:#fff;opacity:.8}.detail{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 200px;width:70%}.detail,.detail .left{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.detail .left{-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;width:50%}.detail .left h2{font-size:35px;font-weight:500}.detail .left small{color:#aaa;margin-left:20px}.detail .left ul{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;padding-top:20px;width:100%}.detail .left ul li{font-size:16px;font-weight:300;line-height:1.7;white-space:pre-line}.detail .left ul li:first-of-type{color:#aaa;padding-right:50px;white-space:pre-line}.detail .left ul li:nth-of-type(2) b{color:#333;font-size:16px;font-weight:300}.detail .right{height:200px;white-space:pre-line}.detail .right div:first-of-type{font-size:16px;font-weight:300;line-height:1.7}.detail .right div:first-of-type b{color:#333;font-size:16px;font-weight:300}.detail .right div:nth-of-type(2){-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;text-align:center}.detail .right div:nth-of-type(2) a{border-radius:40px;font-size:15px;font-weight:300;margin-right:30px;padding:12px 0;-webkit-transition:.5s;transition:.5s;width:200px}.detail .right div:nth-of-type(2) a:hover{-webkit-box-shadow:3px 5px 10px rgba(0,0,0,.2);box-shadow:3px 5px 10px rgba(0,0,0,.2);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.detail .right div:nth-of-type(2) a:first-of-type{background:#333;color:#fff}.detail .right div:nth-of-type(2) a:nth-of-type(2){border:1px solid #333}.detail .right div:nth-of-type(2) a:nth-of-type(2):hover{border:1px solid #333;color:#333}.contit{white-space:inherit;width:30%}.contit h2{font-size:24px;font-weight:600}.contit p{font-size:15px;font-weight:300;line-height:1.7}.contit p b{color:#333;font-size:15px;font-weight:500;position:relative}.contit h2,.contit p{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:.5s;transition:.5s}.contit p{-webkit-transition-delay:.3s;transition-delay:.3s}body{-ms-overflow-style:none;width:100%}body::-webkit-scrollbar{display:none}header{height:130px;position:fixed;width:100%;z-index:30}.ttop{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:130px;justify-content:space-between;margin:0 auto;width:90%}.burger{cursor:pointer;width:30px;z-index:30}.burger.active:hover span:first-of-type,.burger.active span:first-of-type{background-color:#737373;-webkit-transform:rotate(-45deg) translateY(2px);transform:rotate(-45deg) translateY(2px);width:100%}.burger.active:hover span:nth-of-type(2),.burger.active span:nth-of-type(2){display:none}.burger.active:hover span:nth-of-type(3),.burger.active span:nth-of-type(3){background-color:#737373;-webkit-transform:rotate(45deg) translateY(-2px);transform:rotate(45deg) translateY(-2px);width:100%}.burger.black span{background-color:#fff}.burger:hover span:first-of-type{width:51%}.burger:hover span:nth-of-type(2){width:90%}.burger:hover span:nth-of-type(3){width:30%}.burger span{background-color:#111;display:block;height:3px;-webkit-transition:.5s;transition:.5s;width:93%}.burger>span:nth-of-type(2){margin:7px 0;width:49%}.burger>span:nth-of-type(3){width:70%}.logo{background-image:url(../img/logo1.png);display:block;height:58px;margin-top:10px;width:45px}.logo,.logo.black{background-position:top;background-repeat:no-repeat;background-size:cover}.logo.black{background-image:url(../img/logo2.png)}.menu{background:#111;height:100vh;left:-100%;-webkit-transition:.5s;transition:.5s;width:60%;z-index:29}.menu,.menu.active{position:absolute;top:0}.menu.active{left:0}.menu>div{margin:0 auto;padding:150px 0 80px;width:80%}.menu>div span{height:110px;margin:25px 0;overflow:hidden;width:50%}.menu>div span,.menu>div span a{display:block;-webkit-transition:.5s;transition:.5s}.menu>div span a{color:#fff;font-size:80px}.menu>div span a:nth-of-type(2){color:#1a73e8}.menu ul{margin-left:10%;max-width:500px;min-width:400px;width:70%}.menu ul:before{border-top:2px solid #1a73e8;content:"";display:block;margin-bottom:40px;width:100%}.menu ul li:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex}.menu ul li:first-of-type>div{margin-bottom:35px}.menu ul li:first-of-type>div span{color:#676767;display:block;font-size:15px;font-weight:600;margin-bottom:5px}.menu ul li:first-of-type>div p{color:#fff;font-size:15px;font-weight:400}.menu ul li:first-of-type>div:first-of-type{margin-right:66px}.menu ul li:nth-of-type(2){-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start}.menu ul li:nth-of-type(2) a{display:block;height:22px;margin-right:22px;width:22px}.menu ul li:nth-of-type(2) a:first-of-type{background-image:url(../img/icon_mail1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:first-of-type:hover{background-image:url(../img/icon_mail2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.menu ul li:nth-of-type(2) a:nth-of-type(2){background-image:url(../img/icon_git1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:nth-of-type(2):hover{background-image:url(../img/icon_git2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.menu ul li:nth-of-type(2) a:nth-of-type(3){background-image:url(../img/icon_kakao1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:nth-of-type(3):hover{background-image:url(../img/icon_kakao2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.menu ul li:nth-of-type(2) a:nth-of-type(4){background-image:url(../img/icon_insta1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:nth-of-type(4):hover{background-image:url(../img/icon_insta2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.mail{height:auto;position:fixed;right:5%;top:140px;z-index:25}.mail div,.mail div>a{cursor:pointer}.mail div>a{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.mail div>a p{font-size:14px;font-weight:400;letter-spacing:3px;-webkit-transition:.5s;transition:.5s}.mail div>a p b{color:#1a73e8;font-size:19px;font-weight:500}.mail div>a figure{background-image:url(../img/icon_contact1.png);background-position:top;background-repeat:no-repeat;background-size:cover;display:block;height:18px;margin:10px 4px 0 0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.5s;transition:.5s;width:18px}.mail div:hover a p{color:#1a73e8}.mail div:hover>a figure{background-image:url(../img/icon_mail2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.mail.black div{opacity:.5;-webkit-transition:.5s;transition:.5s}.mail.black div a p{color:#fff}.mail.black div a figure{background-image:url(../img/icon_contact2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.mail.black div:hover{opacity:1}.mail.black div:hover a figure{background-image:url(../img/icon_mail2.png);background-position:top;background-repeat:no-repeat;background-size:cover}::-moz-selection{background:#111;color:#1a73e8}::selection{background:#111;color:#1a73e8}@media (max-width:1280px){.menu{width:70%}}@media (max-width:1024px){.menu{height:100vh;width:100%}.menu>div{padding:13vh 0 7vh}.menu>div span{height:auto;overflow:visible}.menu>div span a{font-size:90px}.menu>div span a:nth-of-type(2){display:none}.menu ul{max-width:none;min-width:none;width:70%}.menu ul li:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex}.menu ul li:first-of-type>div span{font-size:18px;font-weight:600}.menu ul li:first-of-type>div p{color:#fff;font-size:18px;font-weight:400}.menu ul li:first-of-type>div:first-of-type{margin-right:10%}.menu ul li:nth-of-type(2){-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start}.menu ul li:nth-of-type(2) a{height:25px;margin-right:5%;width:25px}}@media (max-width:700px){.menu{height:100vh;width:100%}.menu>div{padding:14vh 0 10vh}.menu>div span{margin:1.5vh 0}.menu>div span a{font-size:2.5em}.menu>div span a:nth-of-type(2){display:none}.menu ul{max-width:none;min-width:none;width:100%}.menu ul:before{width:65%}.menu ul li:first-of-type{display:inherit}.menu ul li:first-of-type>div{margin-bottom:25px}.menu ul li:first-of-type>div span{font-size:10px;font-weight:600}.menu ul li:first-of-type>div p{font-size:10px;font-weight:400}.menu ul li:first-of-type>div:first-of-type{margin-bottom:15px;margin-right:0}.menu ul li:nth-of-type(2) a{height:15px;margin-right:3%;width:15px}.ttop{height:80px;width:85%}.burger{width:22px}.burger.active:hover span:first-of-type,.burger.active span:first-of-type{-webkit-transform:rotate(-45deg) translateY(1px);transform:rotate(-45deg) translateY(1px)}.burger.active:hover span:nth-of-type(3),.burger.active span:nth-of-type(3){-webkit-transform:rotate(45deg) translateY(-1px);transform:rotate(45deg) translateY(-1px)}.burger span{display:block;height:2px;width:93%}.burger>span:nth-of-type(2){margin:4px 0;width:49%}.logo{background-image:url(../img/logo1.png);background-position:top;background-position:top top;background-repeat:no-repeat;background-size:cover;display:block;height:27px;margin-top:0;width:19px}.mail{height:auto;position:fixed;right:5%;top:85px;z-index:20}.mail div>a{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;cursor:pointer;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.mail div>a p{font-size:9px;font-weight:400;letter-spacing:2px}.mail div>a p b{font-size:12px;font-weight:500}.mail div>a figure{height:12px;margin:5px 2px 0 0;width:12px}}@-webkit-keyframes opaci{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}@keyframes opaci{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(3px);transform:translateY(3px)}20%{-webkit-transform:translateY(6px);transform:translateY(6px)}30%{-webkit-transform:translateY(9px);transform:translateY(9px)}40%{-webkit-transform:translateY(12px);transform:translateY(12px)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}60%{-webkit-transform:translateY(18px);transform:translateY(18px)}70%{-webkit-transform:translateY(21px);transform:translateY(21px)}80%{-webkit-transform:translateY(24px);transform:translateY(24px)}90%{-webkit-transform:translateY(27px);transform:translateY(27px)}to{-webkit-transform:translateY(30px);transform:translateY(30px)}}@keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(3px);transform:translateY(3px)}20%{-webkit-transform:translateY(6px);transform:translateY(6px)}30%{-webkit-transform:translateY(9px);transform:translateY(9px)}40%{-webkit-transform:translateY(12px);transform:translateY(12px)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}60%{-webkit-transform:translateY(18px);transform:translateY(18px)}70%{-webkit-transform:translateY(21px);transform:translateY(21px)}80%{-webkit-transform:translateY(24px);transform:translateY(24px)}90%{-webkit-transform:translateY(27px);transform:translateY(27px)}to{-webkit-transform:translateY(30px);transform:translateY(30px)}}@-webkit-keyframes load{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes load{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}body{overflow:hidden;position:relative}.intro{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;height:200vh;justify-content:space-between;margin:0 auto;width:75%}.intro .hello{position:relative}.intro .hello>div:first-of-type{font-size:70px;font-weight:200;height:100vh;line-height:1.3;padding-top:30vh;position:relative;white-space:pre-line;width:100%}.intro .hello>div:first-of-type b{font-size:70px;font-weight:400}.intro .hello>div:first-of-type b:first-of-type{display:none;font-size:0}.intro .hello>div:first-of-type b:nth-of-type(2){color:#1a73e8;font-size:75px;font-weight:500}@-webkit-keyframes handa{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.intro .hello>div:first-of-type span{-webkit-animation:handa .8s infinite alternate;animation:handa .8s infinite alternate;background-image:url(../img/icon_hand.png);background-position:top;background-repeat:no-repeat;background-size:cover;display:block;height:75px;width:75px}.intro .hello>div:first-of-type span:first-of-type{left:340px;position:absolute;top:30vh}.intro .hello>div:first-of-type span:nth-of-type(2){-webkit-animation-delay:.3s;animation-delay:.3s;left:430px;position:absolute;top:30vh}@keyframes handa{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}.intro .hello figure{height:70vh;padding-top:20vh;width:50%}.intro .hello figure p{margin:20px 0 20px -35px;opacity:0;-webkit-transform:translate(-15px,20px);transform:translate(-15px,20px);-webkit-transition:.3s;transition:.3s;width:100%}.intro .hello figure p img{width:100%}.intro .hello figure p.active{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.intro .hello figure p.active:nth-of-type(2){-webkit-transition-delay:.2s;transition-delay:.2s}.intro .hello figure p.active:nth-of-type(3){-webkit-transition-delay:.4s;transition-delay:.4s}.intro .hello h2{font-size:25px;font-weight:300;height:30vh;opacity:0;-webkit-transition:.5s;transition:.5s;-webkit-transition-delay:.6s;transition-delay:.6s;white-space:pre-line;width:70%}.intro .hello h2.active{opacity:1}.intro .hello h2 b{font-size:25px;font-weight:500}.intro .hello h2 b:nth-of-type(2){border-bottom:2px solid #333}.intro .face{position:-webkit-sticky;position:sticky;right:20%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.intro .face figure{background-image:url(../img/face2.png);height:350px;width:350px}.intro .face figure,.intro .face figure.active{background-position:top;background-repeat:no-repeat;background-size:cover}.intro .face figure.active{background-image:url(../img/face3.png)}.intro .face figure img{width:100%}.intro .face p{opacity:0;-webkit-transition:.5s;transition:.5s}.intro .face p.active{opacity:1}.intro .face p:first-of-type{-webkit-animation:fire 2s infinite alternate;animation:fire 2s infinite alternate;font-size:80px;left:-80px;position:absolute;top:60px}.intro .face p:nth-of-type(2){-webkit-animation:fire 2s 1s infinite alternate;animation:fire 2s 1s infinite alternate;bottom:-80px;font-size:150px;position:absolute;right:-150px}@-webkit-keyframes fire{0%{-webkit-transform:scale(100%);transform:scale(100%)}to{-webkit-transform:scale(130%);transform:scale(130%)}}@keyframes fire{0%{-webkit-transform:scale(100%);transform:scale(100%)}to{-webkit-transform:scale(130%);transform:scale(130%)}}.scroll-prompt{height:100px;top:90vh;width:160px}.scroll-prompt,.scroll-prompt .scroll-prompt-arrow-container{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-prompt .scroll-prompt-arrow-container{-webkit-animation:bounce 1.5s infinite;animation:bounce 1.5s infinite;top:0}.scroll-prompt .scroll-prompt-arrow{-webkit-animation:opaci 1.5s infinite;animation:opaci 1.5s infinite}.scroll-prompt .scroll-prompt-arrow:last-child{animation-direction:reverse;margin-top:-15px}.scroll-prompt .scroll-prompt-arrow>div{border-bottom:2px solid #bebebe;border-right:2px solid #bebebe;height:30px;-webkit-transform:rotate(45deg) translateZ(1px);transform:rotate(45deg) translateZ(1px);width:30px}.write{background-image:url(../img/about_bg.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;height:100vh;margin:0 auto;padding-top:calc(130px + 3vh);width:100%}.write article{padding-left:35%;width:90%}.write article h2{color:#1a73e8;font-size:36px;font-weight:600}.write article p{font-size:18px;font-weight:300;line-height:1.5;white-space:pre-line}.write article p b{font-size:18px;font-weight:500}.write article p b:first-of-type{color:#1a73e8}.write article p b:nth-of-type(5){background-color:#1a73e836;position:relative}.write .tool{padding-top:8vh;text-align:center}.write .tool div{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:10px 0}.write .tool div span{background:hsla(0,0%,48%,.2);border-radius:40px;color:#5d5d5d;font-size:14px;font-weight:400;padding:2px 15px}.write .tool div p{font-size:16px;font-weight:400;margin-left:15px}.write .tool figure{margin:6vh auto 0;width:45%}.write .tool figure img{width:100%}.write .resume{background:#333;border-radius:20px;color:#fff;cursor:pointer;display:block;margin:5vh auto 0;padding:5px 10px;text-align:center;-webkit-transition:.5s;transition:.5s;width:300px}.write .resume:hover{background:#1a73e8;-webkit-box-shadow:2px 5px 15px rgba(0,0,0,.2);box-shadow:2px 5px 15px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}footer{height:400px;height:200px}footer,footer a{background-attachment:fixed;position:relative;width:100%}footer a{background-image:url(../img/pizza_main.jpg);background-position:top;background-position:bottom;background-repeat:no-repeat;background-size:cover;display:block;height:100%}footer a .spanBg{background-color:rgba(0,0,0,.8);display:block;height:100%;left:0;position:absolute;top:0;width:100%}footer a article{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}footer a article small{font-size:18px;font-weight:300}footer a article h2,footer a article small{color:#fff;text-shadow:5px 5px 10px rgba(0,0,0,.5)}footer a article h2{font-size:50px;font-weight:400;padding-bottom:20px}footer a article .timebar{background-color:hsla(0,0%,100%,.4);height:2px;margin:0 auto;min-width:300px;width:100%}footer a article .timebar span{background-color:#fff;display:block;height:100%;width:0}footer a article .timebar span.active{width:100%}footer>a{background-color:#111;background-image:none}footer>a article small{font-size:15px;font-weight:300;text-shadow:none}footer>a article h2{font-size:40px;font-weight:400;text-shadow:none}footer>a article .timebar{background-color:hsla(0,0%,100%,.4);height:2px;margin:0 auto;min-width:300px;width:100%}footer>a article .timebar span{background-color:#fff;display:block;height:100%;width:0}@media (max-width:1600px){.write figure{width:30%}}@media (max-width:1480px){.intro{width:85%}.intro .hello figure{height:70vh;padding-top:20vh;width:55%}.tool{padding-top:4vh!important}.write{padding-top:80px}}@media (max-width:1280px){.intro .hello figure{height:70vh;padding-top:20vh;width:60%}.write figure{display:none}}@media (max-width:1024px){body{overflow:visible}.intro{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:auto;justify-content:center;margin:0 auto;width:100%}.intro .hello{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;position:relative;text-align:center}.intro .hello>div:first-of-type{font-size:60px;font-weight:200;height:auto;padding-top:10vh;width:100%}.intro .hello>div:first-of-type b{font-size:60px;font-weight:400}.intro .hello>div:first-of-type b:first-of-type{display:none;font-size:0}.intro .hello>div:first-of-type b:nth-of-type(2){color:#1a73e8;font-size:60px;font-weight:500}.intro .hello>div:first-of-type span{display:none}.intro .hello figure{height:auto;margin:0 auto 50px;padding-top:0;width:45%}.intro .hello figure p{margin-left:0;opacity:1;-webkit-transform:translate(0);transform:translate(0);width:100%}.intro .hello h2{font-size:25px;font-weight:300;height:auto;margin-bottom:15vh;opacity:1;width:100%}.intro .hello h2 b{font-size:25px;font-weight:500}.intro .face{-webkit-box-ordinal-group:2;-ms-flex-order:1;margin-top:20vh;order:1;position:inherit;-webkit-transform:translateY(0);transform:translateY(0)}.intro .face figure{min-height:400px;min-width:400px}.intro .face p{opacity:1}.intro .face p:first-of-type{font-size:80px;left:-60px;position:absolute;top:0}.intro .face p:nth-of-type(2){bottom:-80px;font-size:120px;position:absolute;right:-25%}.scroll-prompt{display:none}.write{height:auto;margin:0 auto;padding:10vh 0;width:100%}.write article{margin:0 auto;padding-left:0;width:85%}.write article h2{color:#1a73e8;font-size:36px;font-weight:600}.write article p{font-size:18px;font-weight:300;line-height:1.5;white-space:pre-line}.write article p b{font-size:18px;font-weight:500}.write .resume{margin-top:3vh}footer{height:150px}footer>a article{padding-top:10px}footer>a article small{font-size:10px;font-weight:300}footer>a article h2{font-size:25px;font-weight:400}footer>a article .timebar{display:none}}@media (max-width:800px){.intro .hello>div:first-of-type{font-size:45px;font-weight:200}.intro .hello>div:first-of-type b{font-size:45px;font-weight:400}.intro .hello>div:first-of-type b:nth-of-type(2){color:#1a73e8;font-size:45px;font-weight:500}.intro .hello figure{width:70%}.intro .hello h2{margin-bottom:18vh}.intro .face{margin-top:20vh}.intro .face figure{min-height:250px;min-width:250px}.write{height:auto;margin:0 auto;padding:10vh 0;width:100%}.write article{width:70%}}@media (max-width:700px){.intro .hello>div:first-of-type{font-size:30px;font-weight:200}.intro .hello>div:first-of-type b{font-size:30px;font-weight:400}.intro .hello>div:first-of-type b:nth-of-type(2){font-size:30px;font-weight:500}.intro .hello figure{height:auto;margin:6vh auto;width:70%}.intro .hello figure p{margin:20px auto 20px 0;width:100%}.intro .hello figure p img{width:100%}.intro .hello h2{font-size:15px;font-weight:300;height:auto;margin:0 auto 18vh;opacity:1;width:80%}.intro .hello h2 b{font-size:15px;font-weight:500}.intro .face{margin-top:20vh}.intro .face figure{height:200px;min-height:100px;min-width:100px;width:200px}.intro .face p:first-of-type{font-size:50px;left:-30px;position:absolute;top:0}.intro .face p:nth-of-type(2){bottom:-20%;font-size:60px;position:absolute;right:-15%}.write{height:auto;margin:0 auto;padding:10vh 0;width:100%}.write article{margin:0 auto;padding-left:0;width:70%}.write article h2{color:#1a73e8;font-size:25px;font-weight:600}.write article p{font-size:14px;font-weight:300;line-height:1.5;white-space:pre-line}.write article p b{font-size:14px;font-weight:500}.write .tool{margin:0 auto;padding-top:8vh;text-align:start;width:70%}.write .tool div{display:block;margin:10px 0}.write .tool div span{background:hsla(0,0%,48%,.2);border-radius:40px;color:#5d5d5d;font-size:12px;font-weight:400;padding:2px 15px}.write .tool div p{font-size:13px;font-weight:400;margin-left:0;margin-top:10px}.write .tool figure{margin:6vh auto 0;width:45%}.write .tool figure img{width:100%}.write .resume{font-size:10px;font-weight:400;margin-top:3vh;width:50%}footer{height:80px}footer>a article{padding-top:10px}footer>a article h2{font-size:20px;font-weight:400}}