.signature-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-linecap:round;stroke-width:4px;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:3s ease-in-out forwards write,3s ease-in-out .5s forwards fillIn}html.dark .signature-1{stroke:#fff}@keyframes write{to{stroke-dashoffset:0;stroke-dasharray:1500}}@keyframes fillIn{to{fill:#000}}html.dark .signature-1{animation:3s ease-in-out forwards write,3s ease-in-out .5s forwards fillInDark}@keyframes fillInDark{to{fill:#fff}}.signature-1.fill{fill:#000}html.dark .signature-1.fill{fill:#fff}#bio{padding-top:10px}@media only screen and (max-width:600px){#bio{padding-top:10px}}#bio p{color:#66625c;text-align:center;-o-transition:color .3s ease-out;max-width:600px;margin:20px auto 30px;font-size:17px;font-weight:300;transition:color .3s ease-out}#bio.main-signature p:first-child{margin-bottom:0}#bio.main-signature p:nth-child(2){margin-top:0}#bio.simple-signature p:nth-child(2){margin-bottom:0}#bio.simple-signature p:nth-child(3){margin-top:0}#bio p .lite{color:#66625c;-o-transition:.15s ease-out;border-bottom:2px solid #e5e0d9;font-weight:700;transition:all .15s ease-out}html.dark #bio p .lite{color:#fffc}#bio p .lite:hover{color:#388fea}html.dark #bio p .lite:hover{color:#fff}html.dark #bio p{color:#ffffffb3}#bio p svg{width:105px;margin:0 1px 0 4px;position:relative;top:4px}@media only screen and (max-width:600px){#bio p{margin:20px;font-size:13px}#bio p svg{width:83px}}#bio h1{text-align:center;opacity:0;filter:alpha(opacity=0);width:180px;height:80px;margin:0 auto;position:relative}#bio h1 .signature-light{width:100%;height:100%;position:absolute;top:0;left:0}#bio h1 .signature-light .ff-container{width:100%;height:100%}html.dark #bio h1 .signature-dark{opacity:1;-ms-filter:none;filter:none}.ff-container .ff-canvas{pointer-events:none;z-index:1;vertical-align:top;opacity:0;display:inline-block;position:absolute;top:0;left:0}.ff-container .ff-canvas.ff-canvas-ready{-o-transition:opacity .3s;opacity:1;transition:opacity .3s}.ff-container.ff-responsive .ff-image,.ff-container.ff-responsive .ff-canvas{width:100%}.ff-container.ff-active .ff-canvas.ff-canvas-ready{-o-transition:none;opacity:0;transition:none}.animate-handwriting{display:inline-flex}.typed-out{white-space:nowrap;opacity:0;animation:1s steps(20,end) 2s forwards typing;overflow:hidden;margin:0!important}@keyframes typing{0%{width:0}to{opacity:1;width:100%}}