@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,700;1,800;1,900&display=swap);.layout{margin-top:10rem;margin-bottom:3rem}.navigation__logo{position:absolute;top:-14.25rem;left:-5.63rem;width:12.5rem;height:12.5rem;border-radius:50%;z-index:999;background-color:var(--color-green-dark);box-shadow:0 1rem 3rem rgba(0,0,0,.1)}.navigation__logo .heading-logo{position:absolute;top:4.38rem;left:5.63rem;font-size:4.5rem;font-weight:600;color:#fff}.navigation__checkbox{display:none}.navigation__button{background-color:var(--color-yellow);z-index:2000;box-shadow:0 1rem 3rem rgba(0,0,0,.1);text-align:center;cursor:pointer}.navigation__background,.navigation__button{position:fixed;top:1.88rem;right:1.88rem;width:3.75rem;height:3.75rem;border-radius:50%}.navigation__background{z-index:1000;background-image:radial-gradient(#fff,var(--color-yellow));transition:transform .8s cubic-bezier(.83,0,.17,1)}.navigation__nav{height:100vh;position:fixed;top:0;left:0;z-index:1500;opacity:0;width:0;transition:all .8s cubic-bezier(.68,-.6,.32,1.6)}.navigation__checkbox:checked~.navigation__background{transform:scale(80)}.navigation__checkbox:checked~.navigation__nav{opacity:1;width:100%}.navigation__list{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);list-style:none;text-align:center;width:100%}.navigation__item{margin:1rem}.navigation__link:link,.navigation__link:visited{display:inline-block;font-size:3rem;font-weight:600;padding:1rem 2rem;color:#000;text-decoration:none;text-transform:uppercase;background-image:linear-gradient(120deg,transparent,transparent 50%,#fff 0);background-size:220%;transition:all .4s}.navigation__link:link span,.navigation__link:visited span{margin-right:1.5rem;display:inline-block}.navigation__link:active,.navigation__link:hover{background-position:100%;color:var(--color-yellow);transform:translateX(1rem)}.navigation__icon{position:relative;margin-top:1.88rem}.navigation__icon,.navigation__icon:after,.navigation__icon:before{width:2rem;height:2px;background-color:#000;display:inline-block}.navigation__icon:after,.navigation__icon:before{content:"";position:absolute;left:0;transition:all .2s}.navigation__icon:before{top:-.5rem}.navigation__icon:after{top:.5rem}.navigation__button:hover .navigation__icon:before{top:-12px}.navigation__button:hover .navigation__icon:after{top:12px}.navigation__checkbox:checked+.navigation__button .navigation__icon{background-color:transparent}.navigation__checkbox:checked+.navigation__button .navigation__icon:before{top:0;transform:rotate(135deg)}.navigation__checkbox:checked+.navigation__button .navigation__icon:after{top:0;transform:rotate(-135deg)}.project_card{width:38rem;height:14.6rem;transform:skewX(-7deg);background-color:#2fdd92;border:.6rem solid #fff;overflow:hidden;display:flex;transition:all .2s;outline-offset:.5rem}.project_card:hover{outline:.5rem solid var(--color-yellow);transform:scale(1.05) translateY(-.5rem) skewX(-7deg);box-shadow:0 2.5rem 4rem rgba(0,0,0,.5);z-index:20}.project_card__image{width:50%}.project_card__image img{transform:translateX(-1.5rem) skewX(7deg);width:20rem;height:14rem;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.project_card__text{width:50%;transform:skewX(7deg);margin:.5rem}.project_card__text--title{color:#000;font-size:1.5rem}.blog_card{width:25rem;height:14.6rem;transform:skewX(-7deg);background-color:#2fdd92;border:.6rem solid #fff;overflow:hidden;display:flex;transition:all .2s;outline-offset:.5rem}.blog_card:hover{outline:.5rem solid var(--color-yellow);transform:scale(1.05) translateY(-.5rem) skewX(-7deg);box-shadow:0 2.5rem 4rem rgba(0,0,0,.5);z-index:20}.blog_card__text{transform:skewX(7deg);margin:1rem 1rem 1rem 1.8rem}.blog_card__text--title{color:#000;font-size:1.5rem}.aboutme{padding:0 3rem;animation:moveInBottom .5s ease-out .1s;animation-fill-mode:backwards}.aboutme .room-mick-image{width:70%}.text__highlight{border-radius:1.1rem;font-size:3rem;transform:rotate(2deg);display:inline-block;margin-bottom:.31rem}.text__highlight,.text__highlight--nav{background:var(--color-yellow);padding:0 .94rem}.text__highlight--nav{border-radius:.25rem;color:#000;font-size:inherit;transform:rotate(-2deg);margin-bottom:0}.heading-primary{font-size:3rem;font-weight:600;color:#000;display:inline-block;transform:rotate(-2deg)}.heading-tertiary{display:block;font-size:1rem;margin-bottom:.31rem}.heading-secondary{display:block;font-size:1.25rem}.heading-secondary--nav{transform:rotate(2deg)}@keyframes moveInLeft{0%{opacity:0;transform:translateX(-10rem)}60%{transform:translateX(1rem)}to{opacity:1;transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;transform:translateX(10rem)}60%{transform:translateX(-1rem)}to{opacity:1;transform:translateX(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateX(0)}}.row{max-width:114rem;margin:0 auto}.row:not(:last-child){margin-bottom:8rem}@media only screen and (max-width:56.25em){.row:not(:last-child){margin-bottom:6rem}}@media only screen and (max-width:56.25em){.row{max-width:50rem;padding:0 3rem}}.row:after{content:"";display:table;clear:both}.row [class^=col-]{float:left}.row [class^=col-]:not(:last-child){margin-right:6rem}@media only screen and (max-width:56.25em){.row [class^=col-]:not(:last-child){margin-right:0;margin-bottom:6rem}}@media only screen and (max-width:56.25em){.row [class^=col-]{width:100%!important}}.row .col-1-of-2{width:calc(50% - 3rem)}.row .col-1-of-3{width:calc(33.33333% - 4rem)}.row .col-2-of-3{width:calc(66.66667% - 2rem)}.row .col-1-of-4{width:calc(25% - 4.5rem)}.row .col-2-of-4{width:calc(50% - 3rem)}.row .col-3-of-4{width:calc(75% - 1.5rem)}.footer{padding:1rem 0;color:#f7f7f7}@media only screen and (max-width:56.25em){.footer{padding:8rem 0}}.footer__navigation{border-top:1px solid #777;padding-top:2rem;display:inline-block;padding-left:2rem}@media only screen and (max-width:56.25em){.footer__navigation{width:100%;text-align:center}}.footer__list{list-style:none}.footer__item{display:inline-block}.footer__item:not(:last-child){margin-right:1.5rem}.footer__link:link,.footer__link:visited{color:#f7f7f7;text-decoration:none;text-transform:uppercase;display:inline-block;transition:all .2s}.footer__link:active,.footer__link:hover{color:#55c57a;box-shadow:0 1rem 2rem rgba(0,0,0,.4);transform:rotate(5deg) scale(1.3)}.footer__copyright{border-top:1px solid #777;padding-top:2rem;width:80%;float:right}@media only screen and (max-width:56.25em){.footer__copyright{width:100%;float:none}}.footer__row{display:flex}.footer__col{width:50%}.btn,.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;padding:1.5rem 4rem;display:inline-block;border-radius:10rem;transition:all .2s;position:relative;font-size:1.6rem;border:none;cursor:pointer}.btn:focus,.btn:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem rgba(0,0,0,.2)}.btn:focus:after,.btn:hover:after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.btn:active,.btn:focus{outline:none;transform:translateY(-1px);box-shadow:0 .5rem 1rem rgba(0,0,0,.2)}.btn--white{color:#777}.btn--white,.btn--white:after{background-color:#fff}.btn--green{color:#fff}.btn--green,.btn--green:after{background-color:#55c57a}.btn:after{content:"";display:inline-block;height:100%;width:100%;border-radius:10rem;position:absolute;top:0;left:0;z-index:-1;transition:all .4s}.btn--animated{animation:moveInBottom .5s ease-out .75s;animation-fill-mode:backwards}.btn-text:link,.btn-text:visited{font-size:1.6rem;color:#55c57a;display:inline-block;text-decoration:none;border-bottom:1px solid #55c57a;padding:3px;transition:all .2s}.btn-text:hover{background-color:#55c57a;color:#fff;box-shadow:0 1rem 2rem rgba(0,0,0,.15);transform:translateY(-2px)}.btn-text:active{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);transform:translateY(0)}.header{margin-left:10rem;margin-right:10rem;display:grid;grid-gap:1rem;grid-template-columns:60% 40%;margin-bottom:2rem}@media only screen and (max-width:37.5em){.header{grid-template-columns:100%}}.header__description--main{animation-name:moveInLeft;animation-duration:1s;animation-timing-function:ease-out}.header__description--sub{animation:moveInRight 1s ease-out;width:80%}.header__image{margin:auto auto;animation:moveInBottom .5s ease-out .5s;animation-fill-mode:backwards;position:relative}.header__image:hover .profile__caption{opacity:1;transform:translate(-50%,-50%)}.header__image:hover .profile__image{transform:scale(1);filter:blur(3px) brightness(80%)}.profile__image{width:20.75rem;height:21.13rem;border-radius:50%;border-color:#fff;border-width:.63rem;border-style:solid;transition:all .5s;position:relative}.profile__caption{position:absolute;top:50%;left:50%;transform:translate(-50%,20%);color:#fff;text-transform:uppercase;font-size:1.7rem;text-align:center;opacity:0;transition:all .5s;backface-visibility:hidden}.content{margin-left:5rem;margin-right:5rem}@media only screen and (max-width:103.125em){.content{margin-left:2rem;margin-right:2rem}}.content__navigation{display:flex}.content__navigation--item{padding:.4rem;transition:all .2s;border-radius:.5rem}.content__navigation--item:hover{background-color:var(--color-yellow);box-shadow:0 1rem 2rem rgba(0,0,0,.15);transform:translateY(-2px)}.content__navigation--item:not(:last-child){margin-right:1.88rem}.content__navigation--text-highlight--work-project{background:var(--color-yellow);border-radius:.5rem;transform:rotate(-2deg)}.content__navigation--text-highlight--work-project .active{color:#000;transform:rotate(2deg)}.content__navigation--text-highlight--about-me,.content__navigation--text-highlight--my-blog{background:var(--color-yellow);border-radius:.5rem;transform:rotate(-2deg)}.content__navigation--text{font-size:1.2rem;padding:0 .94rem;cursor:pointer}.content__project{margin-top:2.5rem;animation:moveInBottom .5s ease-out .1s;animation-fill-mode:backwards;min-height:35vh;display:grid;grid-template-columns:50% 50%;grid-gap:2rem}@media only screen and (max-width:37.5em){.content__project{grid-template-columns:100%}}.content__blog{margin-top:2.5rem;animation:moveInBottom .5s ease-out .1s;animation-fill-mode:backwards;min-height:35vh;display:grid;grid-template-columns:30% 30% 30%;grid-gap:2rem}@media only screen and (max-width:37.5em){.content__blog{grid-template-columns:50% 50%}}@media only screen and (max-width:31.25em){.content__blog{grid-template-columns:100%}}.content__aboutme{margin-top:1.88rem;padding:0 5rem}:root{--color-blue:#2f86a6;--color-green-light:#2fdd92;--color-green-dark:#34be82;--color-yellow:#f2f013}body{background-color:#2f86a6;color:#fff;font-family:Poppins,sans-serif;font-family:Prompt,sans-serif;position:relative}@media only screen and (max-width:75em){html{font-size:75%}}@media only screen and (max-width:56.25em){html{font-size:62.5%}}.blog__header{padding:0 15rem}@media only screen and (max-width:103.125em){.blog__header{padding:0 7rem}}.blog__header--nav{display:flex;align-items:center;padding:.3rem;width:5rem;transition:all .2s;border-radius:.5rem}.blog__header--nav:hover{background-color:var(--color-yellow);box-shadow:0 1rem 2rem rgba(0,0,0,.15);color:#000;transform:translateY(-2px)}.blog__header--nav .arrow-image{width:16px;height:16px;margin-right:3px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAIZJREFUSInt0zEKwkAQQNE13kNrC/UEgt6/EQN2qSxELdXWZ2EhLCuEZGOhO/XwPgxMCD0GczTYYdrH+oSfvWeP0VA4XDDOgc9wjPA7NgX/Kn4bGl//N17hEOFXrLp4VdtuCOHRJZDWWHi9fv4TlUiJ/E5kmYic0PZxO0XqbHgUabDFJLXzBBDdN5mP4NUpAAAAAElFTkSuQmCC);background-size:cover}.blog__header--nav:hover .arrow-image{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAIRJREFUSInt07EOAUEUQNGD/6BW4Ask/H8jNtFtpRCUaI2CQjYj2czuKJiXvG5ybjLJo9vMUGOLSUcrip8QXrvDIBcecMaoD3yKQwO/YV3wr+LX3Pjqv/Eh9g38gmUq1mYC7imBTzP3PP0sX1QiJfIjkUUkctT+cJMiVZ/4e6TGBuPYgwddiHFDF9S3rAAAAABJRU5ErkJggg==)}.blog__header--nav .nav-text{font-size:18px}.blog__header--title{font-size:72px}.blog__header--detail{display:flex;align-items:center}.content[data-v-124b4e0e]{padding:0 5rem;animation:moveInBottom .5s ease-out .1s;animation-fill-mode:backwards}.content .img[data-v-124b4e0e]{margin-top:1rem;width:50%}.content[data-v-58ef1554]{padding:0 5rem;animation:moveInBottom .5s ease-out .1s;animation-fill-mode:backwards}.content .img[data-v-58ef1554]{margin-top:1rem;width:50%}.content[data-v-586e0a76]{padding:0 5rem;animation:moveInBottom .5s ease-out .1s;animation-fill-mode:backwards}.content .img[data-v-586e0a76]{margin-top:1rem;width:50%}.content[data-v-d8e9ad24]{padding:0 5rem;animation:moveInBottom .5s ease-out .1s;animation-fill-mode:backwards}.content .img[data-v-d8e9ad24]{margin-top:1rem;width:50%}.content .img-hor[data-v-d8e9ad24]{display:flex;flex-direction:column}.content[data-v-87d32988]{padding:0 5rem;animation:moveInBottom .5s ease-out .1s;animation-fill-mode:backwards}.content .img[data-v-87d32988]{margin-top:1rem;width:50%}.content .img-hor[data-v-87d32988]{display:flex;flex-direction:row;gap:1rem}.content[data-v-4e6d65cf]{animation:moveInBottom .5s ease-out .1s;animation-fill-mode:backwards}.content .img[data-v-4e6d65cf]{margin-top:1rem;width:50%}.content .img-hor[data-v-4e6d65cf]{display:flex;flex-direction:column}.content[data-v-fd7e4096]{animation:moveInBottom .5s ease-out .1s;animation-fill-mode:backwards}.content .img[data-v-fd7e4096]{margin-top:1rem;width:50%}.content .img-hor[data-v-fd7e4096]{display:flex;flex-direction:column}.content[data-v-5c35149a]{animation:moveInBottom .5s ease-out .1s;animation-fill-mode:backwards}.content .img[data-v-5c35149a]{margin-top:1rem;width:50%}.content .img-hor[data-v-5c35149a]{display:flex;flex-direction:column}