html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'Circular';src:url("../fontface/CircularStd-Black.eof");src:url("webfont.eot?#iefix") format("embedded-opentype"),url("../fontface/CircularStd-Black.woff") format("woff2"),url("webfont.woff") format("woff"),url("webfont.ttf") format("truetype"),url("webfont.svg#svgFontName") format("svg")}@font-face{font-family:'Circular-Book';src:url("../fontface/CircularStd-Book.eof");src:url("webfont.eot?#iefix") format("embedded-opentype"),url("../fontface/CircularStd-Book.woff") format("woff2"),url("webfont.woff") format("woff"),url("webfont.ttf") format("truetype"),url("webfont.svg#svgFontName") format("svg")}body::-webkit-scrollbar{display:none}#menu{font-family:'Circular-Book';font-size:1em;line-height:2em;position:absolute;text-align:right;float:right;width:13%;margin-left:87%;top:45%;position:fixed;z-index:500}#menu a{text-decoration:none;color:#ff005a}#hamburger{display:block;position:fixed;z-index:10000;font-size:1.5em;outline:0;border:0;width:100%;padding-left:85%;font-size:2.4em;height:10%;color:#ff005a;background-color:#5126bd;border-bottom:3px solid #ff005a;display:none}.back-left{float:left;display:inline-block;background-color:#5126bd;position:relative}.back-right{float:left;display:inline-block;background-image:url(../images/portrait.jpg);background-size:cover;background-color:#e7e7e7;position:relative}#image{background-image:url(../images/portrait.jpg);width:30vw;height:60vh;background-size:cover;background-repeat:no-repeat;float:right;position:relative;margin-right:5em}#image-wrap{position:relative}#title{font-family:'Circular';position:absolute}#title h1{font-family:'Circular';font-size:2em;color:white}#title p{font-family:'Circular-Book';color:white;font-size:0.45em}#block{font-family:'Circular-Book';font-size:1.2em;text-align:left;float:left;bottom:5%;transform:rotate(-90deg) translate(25%, -50%);position:absolute}.page{background-color:#e7e7e7;float:left;overflow:hidden;margin-top:0;padding-top:0}.page2{background-color:#5126bd;float:left}.content{padding:0 2em 0 2em;font-family:'Circular-Book';font-size:1.5em;overflow:hidden}.content h2{color:#5126bd;font-family:'Circular';font-size:2em;transform:rotate(-90deg);transform-origin:0 50%;margin-top:2.6em}.content p{color:white;position:absolute;top:30%;right:30%;text-align:right;width:300px;line-height:1.3em;font-weight:300}#title-white{color:white}#education{background-image:url(../images/filler2.svg);background-size:cover}#skills{background-image:url(../images/filler.svg);background-size:cover}#table-content h2{color:#5126bd;font-family:'Circular';font-size:2em;transform:rotate(-90deg) translateX(-50%);margin-right:0;position:absolute}.year-wrap{background-color:#5126bd;width:40%;margin:10% auto;transform:translate3d(0, 20%, 0);position:relative;-webkit-box-shadow:10px 10px 38px -12px rgba(0,0,0,0.5);-moz-box-shadow:10px 10px 38px -12px rgba(0,0,0,0.5);box-shadow:10px 10px 38px -12px rgba(0,0,0,0.5)}.year{transform:translate(-5%, 10%);position:relative;width:100%}.year .row{height:90%;top:20%;position:relative;margin-bottom:1.5em;margin-top:1.5em}.year .row h3{font-family:'Circular';position:relative;left:-5%;color:black}.year .row h4{left:-5%;position:relative;margin-bottom:0.5em;color:black;transform:translate(5%, 5%);display:none}.skill-wrap{width:100%;height:50%;padding-left:10%;position:relative;transform:translate3d(0, 20%, 0)}.skill{padding-top:2em;float:left;width:40%;color:#e7e7e7;font-size:0.7em}#name{font-family:'Circular'}.in-view{transform:translate3d(0, 0%, 0);transition:transform 1.0s ease-in-out}.in-view-mobile{transform:none;transition:none}.meter{height:0.5em;position:relative;background:#361a80;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;max-width:30vw;margin:0.5em 0em 1em 0}.meter>span{display:block;height:0.5em;-webkit-border-radius:25px;background-color:#ff005a;position:relative;overflow:hidden}span{width:0}.span-german{width:100%}.span-english{width:80%}.span-french{width:40%}.span-ps{width:95%}.span-illu{width:85%}.span-id{width:100%}.span-c4d{width:30%}.span-jquery{width:30%}.span-htmlfive{width:70%}.span-cssthree{width:50%}[class*="span-"]{transition:width 1s ease-in-out}@media only screen and (max-width: 480px){#hamburger{display:block}#menu{font-family:'Circular';font-size:3em;position:absolute;text-align:center;float:center;margin-left:0;width:100%;top:10%;height:100%;background-color:rgba(0,0,0,0.9);position:fixed;z-index:500;display:none}#menu ul{padding:30% 0.4em 0 0;line-height:2em}#menu a{text-decoration:none;color:white}.back-right{float:left;display:inline-block;background-image:url(../images/portrait.jpg);background-size:cover;background-position:center;background-color:#e7e7e7;position:relative}#title h1{font-family:'Circular';font-size:2em;color:#e7e7e7}#title p{font-family:'Circular-Book';color:#e7e7e7;font-size:0.4em}#block{transform:translate3d(10%, 0%, 0);color:#e7e7e7;position:absolute;z-index:200}.content{padding:0 1em 0 1em}.content h2{transform:none;transform-origin:0 0;margin-top:1em;font-size:1.2em}.page{background-color:#e7e7e7;float:left;overflow:hidden}.page2{background-color:#5126bd;float:left}#table-content h2{transform:none;position:relative;font-size:1.2em}.year-wrap{width:90%;margin:5% auto;transform:translate3d(0, 0%, 0);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.year{transform:translate(0%, 3%);width:100%;font-size:0.9em}.year .row{height:100%;margin-bottom:2em;margin-top:2em}.year .row h3{font-family:'Circular';font-size:1.1em}.year .row h4{margin-top:0.5em;margin-bottom:1em;transform:translate(5%, 5%)}.skill{padding-top:2em;float:left;width:80%;color:#e7e7e7;font-size:0.7em}.meter{max-width:70vw}[class*="span-"]{transition:width 2s ease-in-out}}