nav[data-v-6c11554d]{text-align:center}nav a[data-v-6c11554d]{text-decoration:none}a[data-v-6c11554d]{background:#fff url(/img/nav-icons.d8424353.svg) 0 0/auto 50px no-repeat;border-radius:50%;display:inline-block;height:50px;line-height:50px;margin:0 10px;position:relative;text-align:center;-webkit-transition:background .3s,-webkit-transform .3s ease-out;transition:background .3s,-webkit-transform .3s ease-out;transition:transform .3s ease-out,background .3s;transition:transform .3s ease-out,background .3s,-webkit-transform .3s ease-out;width:50px;vertical-align:middle}a[data-v-6c11554d]:after{color:#000;content:attr(data-role);opacity:0;pointer-events:none;position:absolute;top:70%;left:50%;-webkit-transform:translate(-50%,-15px);transform:translate(-50%,-15px);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}a[data-v-6c11554d]:not(.router-link-exact-active):hover{-webkit-transform:scale(1.25) translateY(10px);transform:scale(1.25) translateY(10px)}a[data-v-6c11554d]:not(.router-link-exact-active):hover:after{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}a svg[data-v-6c11554d]{display:inline-block;max-height:100%;max-width:100%}a.home[data-v-6c11554d]{border-radius:none;border:0 none}a[href="/develops"][data-v-6c11554d]{background-position:-50px 0}a[href="/designs"][data-v-6c11554d]{background-position:-100px 0}a[href="/draws"][data-v-6c11554d]{background-position:-150px 0}a[href="/authors"][data-v-6c11554d]{background-position:-200px 0}a.router-link-exact-active[data-v-6c11554d]{background-blend-mode:overlay;border-color:transparent;-webkit-transform:translateY(60%);transform:translateY(60%)}a.router-link-exact-active[href="/develops"][data-v-6c11554d]{background-color:#9c6}a.router-link-exact-active[href="/designs"][data-v-6c11554d]{background-color:#333}a.router-link-exact-active[href="/draws"][data-v-6c11554d]{background-color:#18a4b9}a.router-link-exact-active[href="/authors"][data-v-6c11554d]{background-color:orange}.designs a[data-v-6c11554d]:after{color:#fff}@font-face{font-family:Segoe UI;font-weight:200;src:local("Segoe UI Light")}@font-face{font-family:Segoe UI;font-weight:300;src:local("Segoe UI Semilight")}@font-face{font-family:Segoe UI;font-weight:400;src:local("Segoe UI")}@font-face{font-family:Segoe UI;font-weight:600;src:local("Segoe UI Semibold")}@font-face{font-family:Segoe UI;font-weight:700;src:local("Segoe UI Bold")}@font-face{font-family:Segoe UI;font-style:italic;font-weight:400;src:local("Segoe UI Italic")}@font-face{font-family:Segoe UI;font-style:italic;font-weight:700;src:local("Segoe UI Bold Italic")}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{font-family:Segoe UI,Avenir,Helvetica,Arial,sans-serif;height:100%;margin:0;padding:0}h1,h2,h3{font-weight:300}h1 small,h2 small,h3 small{font-size:.5em;margin-left:10px;opacity:.5}a{color:#18a4b9;text-decoration:none}a:hover{text-decoration:underline}@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}article{font-size:18px;line-height:160%;max-height:50%;min-height:640px;padding:10px;z-index:1}article img{border:1px solid rgba(0,0,0,.3);display:block}@supports(animation-fill-mode:forwards){article{-webkit-animation:fadeUp .5s ease-in;animation:fadeUp .5s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}}#app{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;-webkit-transition:background .3s;transition:background .3s}#app.develops{background:#9c6}#app.designs{background:#333}#app.draws{background:#18a4b9}#app.authors,#app.wroteabook{background:orange}#app>.main-nav{background:#fff;padding:5px 0;position:fixed;top:0;left:0;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s,-webkit-transform .5s;width:100%;z-index:2}#app.home>.main-nav{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);pointer-events:none;z-index:-1}#app>footer{mix-blend-mode:overlay;line-height:48px;opacity:.9;position:fixed;bottom:0;left:0;text-align:center;width:100%}.page{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:10px;height:100vh;margin:0 auto;overflow:auto;padding:110px 50px 50px;width:100%}.page img{max-width:100%}.page:after{content:"";display:block;grid-column-start:1;grid-column-end:4;height:50px}@media screen and (max-width:900px){.page{grid-template-columns:1fr 1fr}.page:after{grid-column-start:1;grid-column-end:3}}@media screen and (max-width:700px){.page{grid-template-columns:1fr;padding:100px 10px 40px}.page:after{grid-column-start:1;grid-column-end:2;height:100px}}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .25s,-webkit-transform .25s ease-in;transition:opacity .25s,-webkit-transform .25s ease-in;transition:transform .25s ease-in,opacity .25s;transition:transform .25s ease-in,opacity .25s,-webkit-transform .25s ease-in}.fade-enter-active{-webkit-transition-delay:.3s,.3s;transition-delay:.3s,.3s}.fade-leave{position:fixed}.fade-leave-to{opacity:0;position:fixed;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.fade-enter{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.fade-enter-to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.contact{line-height:60px;position:fixed;top:0;right:10px;z-index:3}.contact a{margin:0 10px}@media screen and (max-width:700px){.contact{display:-webkit-box;display:-ms-flexbox;display:flex;top:auto;bottom:40px;text-align:center;width:100%;z-index:0}.contact a{width:50%}}.home[data-v-2bd0a8f4]{text-align:center}.logo[data-v-2bd0a8f4]{margin-bottom:20px}