@import url(https://fonts.googleapis.com/css?family=Open+Sans);.header-background{position:absolute;top:0;left:0;z-index:-1;width:100%;height:60vh;background-repeat:no-repeat;background-size:cover}.header-background__fade{position:relative;width:100%;height:100%}.header-background__fade:before{content:"";position:absolute;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(37,37,37,0)),to(#252525));background-image:linear-gradient(180deg,rgba(37,37,37,0) 0,#252525);height:100px;width:100%;bottom:0;left:0}.header-background--basic{background-image:none!important;background:#252525}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:60px}.header__logo img{height:36px}.navbar{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;padding:0;margin:0}.navbar li{margin:0 20px}.navbar li:last-of-type{margin:0 0 0 20px}.burger{display:none;-ms-flex-preferred-size:20px;flex-basis:20px;height:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.burger__line{-ms-flex-preferred-size:2px;flex-basis:2px;background-color:#fff}.viewport--height{position:fixed}@media only screen and (max-width:1000px){.burger,.header__navbar--opened{display:-webkit-box;display:-ms-flexbox;display:flex}.header__navbar--opened{position:absolute;top:60px;left:0;width:100vw;height:calc(100vh - 60px);background-color:#252525;z-index:1}.header__navbar--closed{display:none}.navbar{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar li{width:100vw;display:block;margin:0;padding:10px 0;text-align:center}.navbar li:last-child{margin:0}}.headline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:200px;margin-top:calc((60vh - 200px)/2 - 60px);margin-bottom:calc((60vh - 200px)/2)}.headline h1{margin:0;text-align:center}.headline__profession{font-size:1.3em;margin:0}.headline img{width:100px;margin-top:25px;border-radius:100%}#App{max-width:700px;margin:0 auto;padding:0 20px}@media only screen and (max-width:500px){h1{font-size:1.8em}}#about h2{margin-bottom:0}#about h3{margin-top:0}.timeline-period__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:10px 0}.timeline-period__title--link{margin-left:2.1em}.timeline-period__title--link h3{margin:0;color:#ffdf7d}.timeline-period__title--link h3:hover{color:#b5b5b5}.timeline-period__time{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;min-width:85px}.timeline-period__dot,.timeline-period__time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.timeline-period__dot{width:12px;height:12px;border-radius:50%;background:#839412;margin-left:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.timeline-period__arrow{position:absolute;border:solid #3a4a2d;border-width:0 3px 3px 0;width:7px;height:7px;left:20px}@-webkit-keyframes expand{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes expand{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@-webkit-keyframes collapse{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes collapse{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.timeline-period__arrow--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation-name:collapse;animation-name:collapse;-webkit-animation-duration:.1s;animation-duration:.1s}.timeline-period__arrow--down{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation-name:expand;animation-name:expand;-webkit-animation-duration:.1s;animation-duration:.1s}.timeline-period__company{color:#b5b5b5}.timeline-period__content{position:relative;margin-left:78px}.timeline-period__content:before{content:"";position:absolute;width:3px;height:100%;background:#3a4a2d}.timeline-period__content ul li{position:relative;list-style-type:none;margin:20px 0}.timeline-period__content ul li:before{content:"";display:block;position:absolute;width:15px;height:3px;background:#3a4a2d;margin-right:2em;top:50%;left:-40px}.bubble{position:relative;width:60px;height:60px;margin:5px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bubble p{font-size:1em}.bubble--clickable:hover{cursor:pointer}.bubble--clickable:hover .bubble__bar--first{border:6px solid #839412;border-right:6px solid rgba(165,171,129,.1);border-bottom:6px solid rgba(165,171,129,.1)}.bubble--clickable:hover .bubble__bar--second{border:6px solid #839412;border-right:6px solid rgba(165,171,129,.1);border-top:6px solid rgba(165,171,129,.1)}.bubble--active .bubble__bar--first{border:6px solid #839412;border-right:6px solid rgba(165,171,129,.1);border-bottom:6px solid rgba(165,171,129,.1)}.bubble--active .bubble__bar--second{border:6px solid #839412;border-right:6px solid rgba(165,171,129,.1);border-top:6px solid rgba(165,171,129,.1)}.bubble__bar{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:6px solid #ff6c00;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%}.bubble__bar--first{border:6px solid #ff6c00;border-right:6px solid rgba(255,108,0,.1);border-bottom:6px solid rgba(255,108,0,.1);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.bubble__bar--second{border:6px solid #ff6c00;border-right:6px solid rgba(255,108,0,.1);border-top:6px solid rgba(255,108,0,.1);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.skill-part-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px}.skill-part-detail p{margin-right:20px;width:100px}.skill-part-detail__level{position:relative;width:75%;height:3px;background:#a5a5a5}.skill-part-detail__coverage{position:relative;height:3px;background:#a5ab81}.skill-part-detail__pointer{position:absolute;width:12px;height:12px;background:#839412;border-radius:100%;top:-4px}.skills__bubbles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:600px;margin:0 auto 1em}.skill-detail{max-width:600px;margin:0 auto}@media only screen and (max-width:600px){.skill-detail,.skills__bubbles{margin:0 20px}}html{font-size:16px;font-family:Open Sans,sans-serif;color:#fff;scroll-behavior:smooth}body{font-size:.9em;margin:0 0 50px 0;background-color:#252525}h1{font-size:2.5em}h2{font-size:1.8em;color:#ffbd3b}h3{font-size:1em}a{color:#fff;text-decoration:none}a:hover{color:#b5b5b5}.contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.contact__separator{width:2px;height:20px;background:#ff6c00}@media only screen and (max-width:1000px){.contact{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.contact__separator{display:none}}