@import url(https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;500;700&display=swap);*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%}@media screen and (max-width:62.5em){html{font-size:55%}}body{background-color:#d4dad3;overflow-x:hidden;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}footer,main,section{padding:9rem 2rem}p{line-height:1.4}::-moz-selection{background-color:rgba(65,173,38,.5)}::selection{background-color:rgba(65,173,38,.5)}body{font-family:"Libre Franklin",sans-serif}h1,h2,h3{font-weight:300;text-transform:uppercase}h2{margin-bottom:6rem}h1{font-size:3rem}h2{font-size:2.8rem}h3{font-size:2.3rem}.nav{padding:2rem 4rem;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;background-color:#020f00;position:-webkit-sticky;position:sticky;top:0;z-index:999;height:8.5rem}@media screen and (max-width:62.5em){.nav{padding:2rem 2rem}}.nav__logo{height:5rem}.nav__list{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media screen and (max-width:62.5em){.nav__list{width:45vw;position:fixed;z-index:9999;top:0;right:0;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(11,53,11,.95);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .5s ease-in;transition:all .5s ease-in}}@media screen and (max-width:37.5em){.nav__list{width:70vw}}.nav__item{position:relative;cursor:pointer}@media screen and (min-width:62.5em){.nav__item{position:relative}.nav__item::after{content:"";position:absolute;bottom:-8px;left:0;display:block;height:3px;width:100%;background-color:#41ad26;border-radius:1rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .5s;transition:all .5s}.nav__item:hover::after{-webkit-transform:scale(1.1);transform:scale(1.1)}.nav__item:not(:last-child){margin-right:3rem}}@media screen and (max-width:62.5em){.nav__item{margin-top:1.2rem;margin-left:2rem;margin-bottom:1.2rem;text-align:center;width:100%}}.nav__item--logo{display:none}@media screen and (max-width:62.5em){.nav__item--logo{display:block;cursor:default;height:8rem;padding:.25rem 1rem}}.nav__link,.nav__link:link,.nav__link:visited{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.8rem;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:400}@media screen and (max-width:62.5em){.nav__link,.nav__link:link,.nav__link:visited{font-size:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5rem 0}}.nav__flag{height:2rem;width:auto;margin-left:.5rem}.nav__mobile-menu-toggle{display:none}@media screen and (max-width:62.5em){.nav__mobile-menu-toggle{display:block;width:5rem;cursor:pointer}.nav__mobile-menu-toggle div{height:3px;width:100%;margin:1rem 0;border-radius:1rem;background-color:#41ad26}}@media screen and (max-width:62.5em){.nav__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:8888;opacity:0;background-color:rgba(0,5,0,.75);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);-webkit-transition:all .5s;transition:all .5s}}@media screen and (max-width:62.5em){.nav__menu-container{visibility:hidden}}@media screen and (max-width:62.5em){.nav .open{visibility:visible}.open .nav__list{-webkit-transform:translateX(0);transform:translateX(0)}.open .nav__backdrop,.open .nav__list{opacity:1}}.profile{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;color:#fafafa;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,5,0,.85)),to(rgba(0,5,0,.85))),url(../images/profile_bg.jpg);background-image:linear-gradient(rgba(0,5,0,.85),rgba(0,5,0,.85)),url(../images/profile_bg.jpg);background-size:cover;background-position:center;background-attachment:fixed}.profile__img{height:20rem;width:20rem;border-radius:50%;-webkit-box-shadow:0 1rem 5rem rgba(0,0,0,.2);box-shadow:0 1rem 5rem rgba(0,0,0,.2);margin-bottom:5rem}.profile__text-container{max-width:120rem}.profile__heading{margin-bottom:2rem;text-transform:uppercase}.profile__text{font-size:1.8rem;margin-left:1rem;margin-right:1rem}.profile__text:not(:last-child){margin-bottom:1.8rem}.profile__link,.profile__link:link,.profile__link:visited{position:relative;font-size:1.8rem;color:#41ad26;text-decoration:none}.profile__link{position:relative;-webkit-transition:all .5s;transition:all .5s}.profile__link::after{content:"";position:absolute;bottom:-8px;left:0;display:block;height:3px;width:100%;background-color:#41ad26;border-radius:1rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .5s;transition:all .5s}.profile__link:hover::after{-webkit-transform:scale(1.1);transform:scale(1.1)}.profile__link:hover{color:#fafafa}.profile__cta{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:rgba(65,173,38,.8);color:#fafafa;font-size:2.3rem;text-decoration:none;margin:4rem auto 0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:22rem;height:5rem;border-radius:2rem;position:relative;z-index:10;-webkit-transition:all .5s;transition:all .5s;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}.profile__cta::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;background-color:#41ad26;border-radius:2rem;z-index:-1;opacity:.6;-webkit-transition:all .5s;transition:all .5s}.profile__cta:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 1rem 1rem rgba(250,250,250,.05);box-shadow:0 1rem 1rem rgba(250,250,250,.05)}.profile__cta:hover::before{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}.main-projects{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:120rem;margin:0 auto;color:#0f0f0f;position:relative}.main-projects__heading{text-align:center}.main-projects__project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.main-projects__project:not(:first-of-type){margin-top:15rem}.main-projects__image{-o-object-fit:contain;object-fit:contain;max-width:40rem;height:100%;-webkit-filter:brightness(75%);filter:brightness(75%);opacity:.35;position:relative;z-index:1;-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.2);box-shadow:0 1rem 3rem rgba(0,0,0,.2);-webkit-transition:all .8s;transition:all .8s}@media screen and (max-width:62.5em){.main-projects__image{pointer-events:none}}@media screen and (max-width:37.5em){.main-projects__image{height:20rem;opacity:.07}}.main-projects__image--left{margin-right:-15rem;margin-left:1.5rem;-webkit-transform:perspective(40rem) rotateY(25deg);transform:perspective(40rem) rotateY(25deg)}.main-projects__image--right{margin-left:-15rem;margin-right:1.5rem;-webkit-transform:perspective(40rem) rotateY(-25deg);transform:perspective(40rem) rotateY(-25deg)}@media screen and (max-width:37.5em){.main-projects__image--right{margin-left:auto}}.main-projects__image:hover{z-index:99;-webkit-filter:brightness(90%);filter:brightness(90%);opacity:.99;-webkit-transform:perspective(40rem) rotateY(0) scale(1.1);transform:perspective(40rem) rotateY(0) scale(1.1);-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.4);box-shadow:0 1rem 3rem rgba(0,0,0,.4)}.main-projects__text-container{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-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;position:relative;z-index:10}@media screen and (max-width:37.5em){.main-projects__text-container{position:absolute;height:20rem;text-align:center;margin-right:2rem}}.main-projects__client{text-align:center}.main-projects__text{font-size:1.6rem}.main-projects__link,.main-projects__link:link,.main-projects__link:visited{color:#267213;font-size:1.8rem;text-decoration:none;position:relative;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;vertical-align:middle}.main-projects__link{position:relative}.main-projects__link::after{content:"";position:absolute;bottom:-8px;left:0;display:block;height:3px;width:100%;background-color:#41ad26;border-radius:1rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .5s;transition:all .5s}.main-projects__link:hover::after{-webkit-transform:scale(1.1);transform:scale(1.1)}.side-projects{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;color:#fafafa;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,5,0,.85)),to(rgba(0,5,0,.85))),url(../images/side-projects_bg.jpg);background-image:linear-gradient(rgba(0,5,0,.85),rgba(0,5,0,.85)),url(../images/side-projects_bg.jpg);background-size:cover;background-position:center;background-attachment:fixed}.side-projects__heading{font-size:2.8rem}.side-projects__container{max-width:120rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.side-projects__card{width:25rem;height:25rem;margin:.5rem;padding:.5rem;background-color:rgba(255,255,255,.25);border:1px solid rgba(250,250,250,.2);border-radius:1rem;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:37.5em){.side-projects__card{width:18rem;height:18rem}}.side-projects__card:hover{-webkit-transform:scale(1.15);transform:scale(1.15);background-color:rgba(255,255,255,.5);border:2px solid rgba(250,250,250,.7);-webkit-box-shadow:0 2rem 3rem rgba(0,0,0,.8);box-shadow:0 2rem 3rem rgba(0,0,0,.8)}.side-projects__text,.side-projects__text:link,.side-projects__text:visited{font-size:2.4rem;color:rgba(250,250,250,.9);text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:0;-webkit-tap-highlight-color:transparent;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:37.5em){.side-projects__text,.side-projects__text:link,.side-projects__text:visited{font-size:2rem}}.side-projects__text:hover{color:#fafafa}.side-projects__link-container{margin-top:2rem}.side-projects__link,.side-projects__link:link,.side-projects__link:visited{position:relative;font-size:2rem;color:#41ad26;text-decoration:none}.side-projects__link{position:relative;-webkit-transition:all .5s;transition:all .5s}.side-projects__link::after{content:"";position:absolute;bottom:-8px;left:0;display:block;height:3px;width:100%;background-color:#41ad26;border-radius:1rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .5s;transition:all .5s}.side-projects__link:hover::after{-webkit-transform:scale(1.1);transform:scale(1.1)}.side-projects__link:hover{color:#fafafa}.coach-finder{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,5,0,.8)),to(rgba(0,5,0,.8))),url(../images/side-projects/coach-finder.png);background-image:linear-gradient(rgba(0,5,0,.8),rgba(0,5,0,.8)),url(../images/side-projects/coach-finder.png);background-size:cover;background-position:center}.massage-service-jane-doe{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,5,0,.8)),to(rgba(0,5,0,.8))),url(../images/side-projects/massage-service-jane-doe.png);background-image:linear-gradient(rgba(0,5,0,.8),rgba(0,5,0,.8)),url(../images/side-projects/massage-service-jane-doe.png);background-size:cover;background-position:center}.trivia-game{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,5,0,.8)),to(rgba(0,5,0,.8))),url(../images/side-projects/trivia-game.png);background-image:linear-gradient(rgba(0,5,0,.8),rgba(0,5,0,.8)),url(../images/side-projects/trivia-game.png);background-size:cover;background-position:center}.to-do-app{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,5,0,.8)),to(rgba(0,5,0,.8))),url(../images/side-projects/to-do-app.png);background-image:linear-gradient(rgba(0,5,0,.8),rgba(0,5,0,.8)),url(../images/side-projects/to-do-app.png);background-size:cover;background-position:center}.ficolo{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,5,0,.8)),to(rgba(0,5,0,.8))),url(../images/side-projects/ficolo-solar.png);background-image:linear-gradient(rgba(0,5,0,.8),rgba(0,5,0,.8)),url(../images/side-projects/ficolo-solar.png);background-size:cover;background-position:center}.reposaari{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,5,0,.8)),to(rgba(0,5,0,.8))),url(../images/side-projects/reposaarenvpk.jpg);background-image:linear-gradient(rgba(0,5,0,.8),rgba(0,5,0,.8)),url(../images/side-projects/reposaarenvpk.jpg);background-size:cover;background-position:center}.react-notes{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,5,0,.8)),to(rgba(0,5,0,.8))),url(../images/side-projects/reactnotes.png);background-image:linear-gradient(rgba(0,5,0,.8),rgba(0,5,0,.8)),url(../images/side-projects/reactnotes.png);background-size:cover;background-position:center}.turbo{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,5,0,.8)),to(rgba(0,5,0,.8))),url(../images/side-projects/turbo.png);background-image:linear-gradient(rgba(0,5,0,.8),rgba(0,5,0,.8)),url(../images/side-projects/turbo.png);background-size:cover;background-position:center}.turbo-bw{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,5,0,.8)),to(rgba(0,5,0,.8))),url(../images/side-projects/turbo_bw.png);background-image:linear-gradient(rgba(0,5,0,.8),rgba(0,5,0,.8)),url(../images/side-projects/turbo_bw.png);background-size:cover;background-position:center}.contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#0f0f0f;text-align:center;font-size:1.7rem}.contact__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-width:120rem;margin:0 auto}@media screen and (max-width:62.5em){.contact__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.contact__form-container,.contact__info-container{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (max-width:62.5em){.contact__info-container{margin-bottom:3rem}}.contact__img{width:12rem;height:12rem;border-radius:50%;margin-bottom:1.5rem}.contact__name{margin-bottom:1.5rem}.contact__info{margin:1rem}.contact__info:last-child{margin-top:2rem}.form{background-color:#eaf3ed;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23fefefe' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");max-width:50rem;border-radius:2rem;padding:2rem 3rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 1rem 2rem rgba(0,0,0,.4);box-shadow:0 1rem 2rem rgba(0,0,0,.4)}.form__heading{margin-bottom:1rem}.form__input,.form__message{background-color:#e7e7e7;padding:1.5rem;font-size:1.7rem;font-family:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-bottom:1px solid #020f00;border-radius:.5rem .5rem 0 0}.form__input:focus,.form__message:focus{outline:1px solid #020f00;-webkit-box-shadow:0 .4rem .7rem rgba(0,5,0,.2);box-shadow:0 .4rem .7rem rgba(0,5,0,.2)}.form__input:not(:last-child){margin-bottom:2rem}.form__message{resize:vertical}.form__notice{margin-top:.2rem;font-size:1.3rem}.form__btn{display:block;width:12rem;font-size:2rem;font-family:inherit;color:#fafafa;background-color:#41ad26;border:none;margin:1.5rem auto 1rem auto;padding:1rem;border-radius:2rem;cursor:pointer;position:relative;z-index:10;-webkit-transition:all .5s;transition:all .5s;-webkit-box-shadow:none;box-shadow:none}.form__btn::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;background-color:#41ad26;border-radius:2rem;z-index:-1;opacity:.6;-webkit-transition:all .5s;transition:all .5s}.form__btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 1rem 1rem rgba(0,5,0,.2);box-shadow:0 1rem 1rem rgba(0,5,0,.2)}.form__btn:hover::before{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}.footer{padding:5rem 0;background-color:#000500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.footer__logo{width:20rem;margin-bottom:2rem}.footer__cv-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative}.footer__cv-container:not(:last-child)::before{content:"";position:absolute;top:50%;left:-100%;height:3px;width:100%;background-color:#41ad26;border-radius:1rem}.footer__cv-container:not(:last-child)::after{content:"";position:absolute;top:50%;right:-100%;height:3px;width:100%;background-color:#41ad26;border-radius:1rem}.footer__cv{color:rgba(250,250,250,.9);font-size:1.8rem;text-decoration:none;margin:1rem 2rem;position:relative}.footer__cv::after{content:"";position:absolute;bottom:-8px;left:0;display:block;height:3px;width:100%;background-color:#41ad26;border-radius:1rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .5s;transition:all .5s}.footer__cv:hover::after{-webkit-transform:scale(1.1);transform:scale(1.1)}.footer__credit{color:#fafafa;font-size:1.2rem;text-decoration:none;margin-top:1.2rem}