:root{--primary:#fff;--dark:#000;--light:#fff;--hover:#0055bf;--shadow:0 1px 5px hsla(0,0%,40.8%,0.8)}html{font-family:Roboto Mono,monospace;box-sizing:border-box;color:var(--dark)}body{background:#fff;margin:0 50px;line-height:1.4}h1{font-family:Rubik,sans-serif}li{padding:10px}nav li{list-style-type:none;padding:0}nav{display:block;padding-right:135px}a{color:#000;text-decoration:none}.wrapper{display:grid;grid-gap:20px}.main-nav ul{display:grid;grid-gap:15px;padding:0;list-style:none;grid-template-columns:120px auto auto auto auto}.main-nav ul li:not(:first-child) a{border-bottom:1px solid #d3d3d3}.main-nav a img{width:90px}.main-nav a{background:var(--primary);display:block;text-decoration:none;padding:.8rem;text-align:center;text-transform:uppercase;font-size:1.1rem}.main-nav a:hover{color:var(--hover)}.main-navigation{width:100%;text-align:center}.home-container{display:grid;grid-gap:20px;grid-template-areas:"home-content"}.home-content{grid-area:home-content;height:100%;display:grid;grid-template-columns:700px;justify-content:center;text-align:center}.home-content img{width:100%}.home-content p img{max-width:650px}.work-intro{display:grid;grid-gap:20px;grid-template-areas:"work-content"}.intro-content{padding:0 135px}.work-content{grid-area:work-content;display:grid;grid-template-columns:1fr}.work-company{display:grid;grid-gap:20px;grid-template-areas:"company-content"}.company-content{grid-area:company-content;display:grid;grid-template-columns:32px 1fr 400px;padding-left:135px;grid-template-areas:"company-image company-name company-duration" "company-description company-description ." "company-work company-work ."}.company-image{grid-area:company-image}.company-image img{width:32px}.company-name{grid-area:company-name;padding-left:10px}.company-duration{grid-area:company-duration}.company-description{grid-area:company-description}.company-work{grid-area:company-work}.company-content .duration{padding:0 135px 0 0;text-align:right}.about-intro{display:grid;grid-gap:20px;grid-template-areas:"about-content" "about-language"}.about-content{grid-area:about-content;display:grid;grid-gap:20px;grid-template-columns:1fr;padding:0 135px}.about-image img{max-height:250px}.about-content-details{display:grid;grid-gap:20px;grid-template-columns:1fr 6fr}.about-language{grid-area:about-language;display:grid;grid-gap:20px;grid-template-columns:1fr 6fr;padding:0 135px}.about-knowledge{padding:0 135px}.about-knowledge,.about-knowledge-content{display:grid;grid-gap:20px;grid-template-columns:1fr}.about-knowledge-content-list{display:grid;grid-gap:20px;grid-template-columns:1fr 2fr 1fr 2fr}.container{position:absolute}.steps{position:relative;display:flex;justify-content:space-between;width:200px}.step{width:20px;height:20px;background:#fff;border:2px solid #acaca6;border-radius:50%;transition:background 1s}.step.completed{border:2px solid #4b81bd;background:#4b81bd}.progress{width:100%;height:50%;z-index:-1}.percent,.progress{position:absolute;border-bottom:2px solid #4b81bd}.percent{width:0;height:100%;z-index:1;transition:width 1s}footer{padding-top:50px;text-align:center}.footer-nav{display:grid;grid-gap:20px;grid-template-columns:repeat(3,1fr)}.social{font-weight:700;padding-left:135px;text-align:left}.social img .github,.xing{width:32px}.linkedin{width:40px}.social img{padding:0 5px}.social .github{padding-left:0}footer .language a{text-decoration:underline}footer .language{padding-right:135px;text-align:right}.is-active{color:var(--hover)}.btn{border:1px solid #d3d3d3;padding:10px;text-transform:uppercase;border-radius:10px;background:linear-gradient(90deg,var(--hover) 50%,#fff 0);background-size:205% 100%;background-position:100% 100%;transition:all .5s ease-out}.btn:hover{background-position:0 100%;color:var(--light)}.mailimage{max-width:500px}@media screen and (max-width:700px){nav{padding:0}h1,h2{text-align:center}.footer-nav,.main-nav ul{grid-template-columns:1fr}.intro-content{padding:0}.company-content{grid-template-columns:32px 1fr;padding-left:0;grid-template-areas:"company-image company-name" "company-duration company-duration" "company-description company-description" "company-work company-work"}.home-content{grid-template-columns:1fr}.company-content .duration{padding:0;text-align:center}.about-content{padding:0}.about-content-details,.about-language{padding:0;grid-template-columns:1fr}.about-language p{margin:0}.about-intro,.about-knowledge-content{padding-bottom:50px}.language-level .container{margin-bottom:20px}.language-name{padding-top:20px}.language-name p{margin-bottom:0}.list-skill-progression p{margin:0}.about-knowledge-content-list p{margin-bottom:0}.about-knowledge{padding:0}.about-knowledge-content-list{padding:0;grid-template-columns:1fr}.list-skill-name{font-weight:700}.about-image{text-align:center}.social,footer .language{padding:0;text-align:center}}@media screen and (max-width:1000px) and (min-width:700px){.intro-content,nav{padding:0}.company-content .duration{padding:0;text-align:right}.company-content{padding:0;grid-template-areas:"company-image company-name company-duration" "company-description company-description company-description" "company-work company-work company-work"}.about-content,.about-content-details,.about-knowledge,.about-knowledge-content-list,.about-language{padding:0}.footer-nav{grid-template-columns:auto 1fr auto}footer .language{padding:0;text-align:right}footer .social{padding:0;text-align:left}}