');color:#687db5;display:none;position:absolute;right:0;bottom:2px;font-size:24px;width:24px;height:24px}.heading-cta.show{opacity:1}.heading-cta.show:before{transform:scaleX(1)}.heading-cta.show:after{display:inline-block}@media (min-width:374px){.heading{font-size:28px}}@media (min-width:380px){.heading{min-height:8em}}@media (min-width:460px){.heading{font-size:32px}}@media (min-width:720px){.heading{font-size:45px;max-width:100%;line-height:1.3;min-height:8em}}@media (min-width:1024px){.bio{max-width:720px}.heading{max-width:540px}.row{display:flex;flex-direction:row;flex-wrap:wrap;height:100vh}.column{flex:1;height:100%}.content{flex:2;height:100vh;overflow-y:scroll;padding:100px}.bio-container{min-height:calc(100vh - 200px)}}.cta-item{display:inline-block;margin:8px;position:relative;border-radius:100px;overflow:hidden}.cta-item:first-of-type{margin-left:0}.icon{width:32px;display:block}.icon-figure{display:block;margin:0}.icon-path{fill:#fff;width:48px}.copyright{color:#cecece;font-size:13px;margin-bottom:0}@media (min-width:420px){.icon{width:48px}}.contact{background-color:#131315;margin-bottom:40px;padding:20px 20px 0 40px;color:#fafafa;border-radius:4px;position:relative;box-shadow:0 5px 10px rgba(0,0,0,.0333),0 15px 25px rgba(0,0,0,.1);max-width:540px}.contact-title{line-height:1.8;letter-spacing:.12rem;font-weight:400;font-size:16px;text-transform:uppercase}.contact-content,.contact-title{margin-top:0;font-family:Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif}.contact-content{line-height:1.45;letter-spacing:.05rem;font-size:13px;color:#cecece;max-width:540px}.contact-more{margin-bottom:2.5rem}.contact-more{display:inline-block;color:#fff;margin-top:0;text-decoration:none;font-weight:600;padding-bottom:2px;border-bottom:1px solid;font-size:14px;letter-spacing:.05rem}.contact-buttons{display:flex;flex-direction:column;max-width:540px}.contact-buttons>*{flex-grow:1;margin-bottom:20px}.contact-buttons>*>span{width:100%}.ring-container{position:absolute;display:inline-block;height:25px;width:25px;left:-8px;top:2px}.circle{width:15px;height:15px;background-color:#15b371;border-radius:50%;position:absolute;top:20px;left:20px}.ringring{border:1px solid #15b371;border-radius:30px;height:25px;width:25px;position:absolute;left:15px;top:15px;-webkit-animation:1s ease-out pulsate;animation:1s ease-out pulsate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:0}@media (min-width:520px){.contact{padding-left:60px;padding-right:40px}.contact-title{font-size:20px;line-height:1.4}.contact-content{font-size:15px;line-height:1.6}.ring-container{left:0;top:4px}.contact-buttons{flex-direction:row}.contact-buttons>:first-child{margin-right:30px}.contact-buttons>:last-child{margin-right:0}}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}@-webkit-keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.typed-element{display:flex;align-items:center}
back to HomepageHi there👋
I'm Nico van Zyl — an Interface Architect. I love what I do, I'm awesome at it.NA