@import'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400';@import'normalize.min.css';html{box-sizing:border-box;width:100%;height:100%}*,*:before,*:after{box-sizing:inherit}body{font-family:"open sans";font-size:16px;line-height:1.3em;width:100%;height:100%;background-image:linear-gradient(200deg, #5B86E5, #8fb2ff);display:flex;align-items:center;justify-content:center}.center{width:30%;height:50%;flex-direction:column;align-items:center;display:flex}.logo{max-width:200px}.links{margin-top:40px;display:flex}.links .btn{text-decoration:none;color:#fff;display:flex;border-radius:6px;align-items:center;opacity:.5;margin:0 20px;transition:opacity .2s}.links .btn .svg-inline--fa{margin-right:10px;transition:color .2s}.links .btn:hover{opacity:1}.links .btn:hover .fa-github{color:#000}.links .btn:hover .fa-dribbble{color:#ea4c89}.hidden{display:none !important}.hide{opacity:0;overflow:hidden}.show{opacity:100;height:100%;overflow:initial}h1,h2{font-size:16px;line-height:1.3em;margin-top:2em;margin-bottom:0em}h1:first-of-type{margin-top:0}p{margin-top:1em;margin-bottom:.5em}.menu{position:fixed;bottom:0;top:0;left:62%;right:0;margin:0;background:inherit;text-align:center;white-space:nowrap;border-left-width:3px;border-left-style:solid;z-index:99}.menu:before{content:"";display:inline-block;height:100%;vertical-align:middle;font-size:0}.menu ul{padding:0;margin:0;list-style-type:none}.menu ul li{opacity:0;animation:fadein 2s;animation-fill-mode:both;cursor:pointer;padding:10px 20px;border-radius:4px;background:#fff;margin:8px;text-align:center !important;border-style:solid;border-width:0;border-bottom-width:3px;-webkit-transition:border-color .5s;transition:border-color .5s}.menu ul li:hover{margin-top:9px;border-bottom-width:2px}.menu ul li:nth-child(5){animation-delay:.05s}.menu ul li:nth-child(4){animation-delay:.1s}.menu ul li:nth-child(3){animation-delay:.15s}.menu ul li:nth-child(2){animation-delay:.2s}.menu ul li:nth-child(1){animation-delay:.25s}.negenlogo{width:80px;position:absolute;bottom:10%;right:50%;margin-right:-40px}.card{border-radius:4px;overflow:hidden;color:#fff;background-image:linear-gradient(200deg, #6B93ED, #82a7f9);cursor:pointer;transition:background .3s,color .3s;animation:fadein 1s;max-width:300px;margin:0 auto}.card .name{font-weight:bold;font-size:24px}.card img{display:block;margin:20px auto !important;width:120px !important}.card span{display:block;margin:20px auto;text-align:center}.card .button{border-radius:4px;background:#fff;padding:10px;margin:20 auto;max-width:210px;color:#5b86e5;font-weight:400;cursor:pointer;border-bottom:3px solid #5684f5}.card .button:hover{margin-top:21px;border-bottom-width:2px}.pers-links{margin:20px auto;text-align:center;color:#5684f5}.pers-links svg{margin:0 5px}.card.center{width:300px;height:400px;position:absolute;top:50%;left:50%;margin-top:-215px;margin-left:-150px}.cv img{display:none}.scrolltop,.backbutton,.homebutton{font-size:42px;text-align:center;line-height:26px;width:32px;height:32px;border-radius:3px;background:#fff;cursor:pointer;z-index:101}.scrolltop:hover,.backbutton:hover,.homebutton:hover{color:#000}.backbutton,.homebutton{position:fixed;top:20px;color:#ccc}@media screen and (min-width: 720px){.backbutton,.homebutton{left:20px}}@media screen and (max-width: 720px){.backbutton,.homebutton{right:20px}}.scrolltop{position:fixed;right:50%;bottom:0;display:none;color:#777}.menubutton{background:#fff;font-size:42px;line-height:22px;position:fixed;top:0;right:0;text-align:center;width:32px;height:32px;border-radius:3px;cursor:pointer;z-index:99;margin:10px;display:none;color:#777}.page{background:#fff;width:62%;padding:7%;color:#333;font-weight:300}@media screen and (min-width: 1600px){.page{padding:50px 10%}}.page a{color:inherit}.page canvas{cursor:pointer}.page h1{font-size:2em;font-weight:300}.page h3{font-weight:300;text-transform:uppercase;font-size:.8em;margin:0 2px;color:#777;letter-spacing:1px}.page.item0{position:relative}.page>*{animation:fadein 2s}.page>img{margin:3em auto;display:block;width:100%;border-radius:4px;max-width:400px}.page>.linkimg{display:inline;width:14px;margin:0}.gist{margin:40px 0}.play-button{border:0 !important}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes marginup{0%{margin-top:20px}100%{margin-top:initial}}@keyframes bg-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@media screen and (max-width: 720px){.page{z-index:100;width:100%}.page.show{-webkit-animation:pageslide .3s;animation:pageslide .3s}.menu{left:0;z-index:-1;border-left:none;border-top-width:2px;border-top-style:solid;overflow:scroll}.scrolltop,.backbutton{right:0;margin:10px}.menubutton.active{display:block}.item0-active .link-item0{display:block}.cv img{float:right;display:block;height:100px;float:none;margin-bottom:20px}.backbutton{display:none}.cv h2:first-child{max-width:340px}.cv{opacity:100;height:100%;overflow:initial}.wrapper{display:none}.item0-active{overflow-x:hidden}}