html{box-sizing:border-box;font-size:62.5%;width:100vw}*,*::before,*::after{box-sizing:inherit}*{margin:0;padding:0}ul{list-style:none}a:link,a:visited,a:hover,a:active{text-decoration:none}img{max-width:100%;display:block}abbr[title]{text-decoration:none}section{width:90%;margin:0 auto}::placeholder{color:#366092}::selection{color:#dce6f2;background:#366092}.center{text-align:center}.work__date,.education__date{float:right;font-size:1.4rem}body{color:#262626;font-family:'Open Sans', sans-serif;font-weight:300;font-size:1.4rem}h1,h2,h3,h4{color:#dce6f2;font-weight:300;font-family:'Source Sans Pro', sans-serif}h1{text-transform:uppercase}h3,h4{color:#366092;font-weight:700}h3{text-transform:uppercase;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:1.5rem;align-items:end;padding:4rem 0 2rem;transition:all .5s ease-out}h3:hover{transform:skewY(-.2deg) scale(1.02) translateX(0)}h3::before,h3::after{content:'';display:block;height:.15rem;background:#366092;margin-bottom:.4rem;background:linear-gradient(to left, #dce6f2, #366092)}h3::before{background:linear-gradient(to right, #dce6f2, #366092)}h4{font-family:'Open Sans', sans-serif;font-size:1.6rem;display:inline-block}.nav{width:95%;margin:0 auto;background:#366092;transition:all .5s ease-out}.nav__list{margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(30%, 1fr));grid-gap:2rem;justify-items:center}.nav__item{transition:all .5s ease-out}.nav__item:hover{transform:skewY(-4deg) scale(1.1) translateX(.5rem)}.nav__item:hover{border-bottom:0.1rem solid #dce6f2}.nav__link:link,.nav__link:visited,.nav__link:hover,.nav__link:active{color:#dce6f2}.menu{position:absolute;top:1rem;right:3rem;width:2.5rem;height:2.5rem;cursor:pointer;z-index:20;padding:3rem;padding-top:1.5rem;padding-bottom:1.5rem;padding-left:3rem;padding-right:.5rem}.menu__btn,.menu__btn::before,.menu__btn::after{width:2.5rem;height:.2rem;background-color:#dce6f2;transition:all .5s ease-out;position:relative;float:right}.menu__btn::before,.menu__btn::after{content:"";display:inline-block;position:absolute}.menu__btn::before{top:-.7rem;right:0}.menu__btn::after{top:.6rem;left:0}.menu__btn.open{background:transparent}.menu__btn.open::before{transform:rotate(45deg) translate(0.4rem, 0.7rem)}.menu__btn.open::after{transform:rotate(-45deg) translate(0.25rem, -0.5rem)}.header{background-color:#366092;clip-path:polygon(0 0, 100% 0, 100% 75%, 0 100%);padding:6rem 0 9rem;position:relative}.header__nav{position:absolute;top:3rem;transform:translateY(-16rem);padding:0 0 3rem}.header__nav--name{grid-column:1 / -1;width:90%;color:#dce6f2;font-size:2.3rem;font-weight:300;padding:0 0 3rem 0;margin:-2rem auto 0 7%;display:none}.header__nav--name:hover{transform:skewY(0) scale(1) translateX(0)}.header__nav.open{transform:translateY(1rem)}.info{font-style:normal;width:100%;padding:6rem 0;background-color:#dce6f2;clip-path:polygon(0 15%, 100% 0, 100% 85%, 0 100%);margin-top:-6rem}.info__text{position:relative;line-height:3;font-weight:600;text-align:center;transform:translateX(-2rem)}.info__icon{height:2.5rem;width:2.5rem;fill:#366092;position:absolute;top:1rem;transform:translateX(50%);transition:all .5s ease-out}.info__icon:hover{transform:skewY(-4deg) scale(1.1) translateX(1.7rem)}.info a:link,.info a:visited,.info a:hover,.info a:active{color:#262626}.about h3{padding-top:3rem}.about__paragraph>*:not(:last-child){padding-bottom:.5rem}.about__paragraph p{font-weight:400}.work__wrapper>*:not(:last-child){padding-bottom:3rem}.work__date{padding-top:.2rem}.work__company{padding:1rem 0 .5rem 0}.work__desc>p{margin-left:1rem}.work__desc>*:not(:last-child){padding-bottom:.5rem}.education__institution{padding-bottom:1rem}.education__degree{font-size:1.6rem;font-weight:300}.education__date{padding-top:.3rem}.skills__list li{padding:.5rem;font-weight:400;line-height:1}.languages__language>*:not(:last-child){padding-bottom:2rem}.projects__project>*:not(:last-child){padding-bottom:2rem}.certificates__mobile>li{display:block;padding:.4rem}.certificates__mobile>li>a{color:#262626}.certificates__desktop{display:flex;flex-wrap:wrap;justify-content:space-around}.certificates__desktop__title{text-align:center;font-size:1.4rem;margin-top:1rem;color:#262626}.certificates__desktop>li{display:none}.certificates__desktop img{max-width:22rem}.hobbies__paragraph>*:not(:last-child){padding-bottom:1rem}.contact{background-color:#dce6f2;clip-path:polygon(0 10%, 100% 0, 100% 85%, 0 100%);padding:4rem 0 8.5rem;margin-top:2rem;position:relative}.contact__field{position:relative;margin-bottom:3rem}.contact__form{width:60%;margin:2rem auto 0;position:relative;font-size:1.4rem;font-weight:bold;color:#366092}.contact__form input,.contact__form textarea,.contact__form button{font:inherit;background-color:transparent;color:currentColor;position:relative;display:block;width:100%;height:3.3rem;padding:.5rem;border:none;border-bottom:0.1rem solid #366092;border-radius:.15rem;outline:none;box-shadow:none;transition:all .5s ease-out}.contact__form label{margin-bottom:3rem;display:block;text-align:justify;transform:translateY(0);position:absolute;bottom:0;left:0;opacity:0;z-index:1;transition:all .5s ease-out}.contact__form button{color:#366092;background:linear-gradient(to left, #366092 0%, #dce6f2 50%, #366092 100%);border:none;padding:.7rem;position:relative;z-index:10;transition:all .5s ease-out}.contact__form button:hover{opacity:0}.contact__form button:hover+div{opacity:1}.contact__form input:focus,.contact__form textarea:focus{box-shadow:0px 0.2rem 0px 0px #366092}.contact__form input:focus+label,.contact__form textarea:focus+label{opacity:1;padding:0 1rem;color:#3d6ca5;transform:translateY(-0.5rem)}.contact__btnbg{position:relative;height:3.3rem;width:100%;transform:translateY(-3.3rem);z-index:1;opacity:0;background:linear-gradient(to left, #dce6f2 0%, #366092 50%, #dce6f2 100%);color:#dce6f2;padding-top:.7rem;font-weight:bold;transition:all .5s ease-out}.contact__error-msg{width:100%;position:absolute;top:0;clip-path:polygon(0 40%, 100% 0, 100% 100%, 0 100%);color:#dce6f2;background:#366092;font-weight:bold;padding:7rem 0 3rem;opacity:0;z-index:1;transition:all .5s ease-out}.contact__error-msg.show{opacity:1}.contact__list{display:grid;grid-auto-flow:column;padding:0 20%}.contact__list li{display:inline-block;margin:0 auto}.contact__icon{height:3.5rem;width:3.5rem;fill:#366092;transition:all .5s ease-out}.contact__icon:hover{transform:skewY(-4deg) scale(1.1) translateX(.5rem)}.footer{background:#366092;clip-path:polygon(0 25%, 100% 0, 100% 100%, 0 100%);padding:9rem 0 6rem;margin-top:-8rem}.not-found{display:block;width:100vw;margin:0 auto;color:#366092}.not-found p{color:#366092;font-size:4rem}.not-found p:first-child{margin-top:4rem}.not-found p:nth-child(2){margin-bottom:4rem}.not-found a{font-size:2.5rem;color:#366092}.not-found__icon{height:3.5rem;width:3.5rem;fill:#366092;vertical-align:middle}@media screen and (min-width: 37.5em){.header__nav--name{display:grid}.skills{display:grid;grid-template-columns:1fr 1fr}}.sidebar .lang-hob{display:none}@media screen and (min-width: 56.25em){h1{font-size:4rem}h2{font-size:3rem}body{display:grid;grid-template-columns:1fr 2fr;grid-template-areas:'header header'
 'sidebar main'
 'contact contact'
 'footer footer';font-size:1.5rem}.header{grid-area:header;z-index:5}.sidebar{grid-area:sidebar;background:#dce6f2;margin:-3rem 0 -9rem 0;padding:6rem 1rem 15rem 1rem}.sidebar .lang-hob{display:block}.main{grid-area:main}.main .lang-hob{display:none}.certificates__mobile>li{display:none}.certificates__desktop>li{display:block}.certificates__desktop img{transition:transform 1s}.certificates__desktop img:hover{transform:scale(1.05, 1.05)}.contact{grid-area:contact;background:#366092}.contact h3{color:#dce6f2}.contact__form{margin-top:4rem}.contact__form input,.contact__form textarea{color:#dce6f2;border-color:#dce6f2}.contact__form input:focus+label,.contact__form textarea:focus+label{color:#c9d9eb}.contact__error-msg{color:#366092;background:#dce6f2}.contact__icon{fill:#dce6f2}.info{margin-bottom:-4rem}.footer{grid-area:footer;margin-top:-10rem;padding-top:6rem}.footer__nav{border-top:0.1rem solid #dce6f2;padding-top:5rem}.skills{grid-template-columns:1fr}::placeholder{color:#dce6f2}}@media screen and (min-width: 68.75em){.sidebar{padding-left:5vw}.main{padding-right:5vw}.certificates__desktop img{width:25rem}}@media screen and (min-width: 75em){body{font-size:1.6rem}.sidebar{padding-left:12vw}.main{padding-right:12vw}}