:root{--container-width: 119rem;--gutter: 2rem;--color-black: #000;--color-white: #fff;--color-blue: #2374e1;--color-light-blue: #1d9bf0;--color-dark-blue: #0a66c2;--color-darker-blue: #143ce8;--color-red: #ff0000;--color-green: #03a696;--color-grey: #f6f6f6;--color-dark-green: #42959b;--color-background: var(--color-white);--color-text: var(--color-black);--color-box-img: var(--color-black);--color-link-bg: var(--color-black);--color-input-border: var(--color-black);--font-family-raleway: "Raleway", sans-serif;--font-family-poppins: "Poppins", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-size-70: 7rem;--font-size-65: 6.5rem;--font-size-40: 4rem;--font-size-38: 3.8rem;--font-size-24: 2.4rem;--font-size-22: 2.2rem;--font-size-20: 2rem;--font-size-18: 1.8rem;--font-size-15: 1.5rem;--transition-timing: 0.3s}*{padding:0;margin:0;font:inherit}*,*::before,*::after{box-sizing:border-box}a{color:inherit;display:inline-block}button,[type=submit]{background-color:rgba(0,0,0,0);border:none;cursor:pointer}ul,ol{list-style:none}html{font-size:10px;scroll-behavior:smooth;scroll-padding-top:11rem}body{font-size:1.6rem;font-family:var(--font-family-raleway);background-color:var(--color-background);color:var(--color-text)}.container{margin:0 auto;max-width:calc(var(--container-width) + var(--gutter)*2);display:grid;row-gap:11rem;padding-inline:var(--gutter)}.video-loop{position:fixed;top:0;left:0;min-width:100%;min-height:100%;opacity:.08;z-index:-1}.section{position:relative;display:grid;grid-template-columns:repeat(2, auto);align-items:start}.section--with-bg{padding-block:11rem}.section--with-bg::before{content:"";width:100vw;height:100%;position:absolute;background-color:var(--color-grey);z-index:-1;justify-self:center}.h2-heading{font-size:var(--font-size-65);font-weight:var(--font-weight-bold);grid-column:1/-1;margin-bottom:8.7rem;text-transform:uppercase}.h3-heading{font-size:var(--font-size-38);font-weight:var(--font-weight-bold);margin-bottom:8.5rem}.header{padding:3rem 0;display:flex;justify-content:center;top:0;position:sticky;background-color:var(--color-background);z-index:1}.header::before{content:"";top:0;width:100vw;height:100%;position:absolute;border-bottom:.1rem solid var(--color-input-border);z-index:-1;background-color:var(--color-background)}.navigation{transition:var(--transition-timing)}.navigation__list{display:flex;gap:2rem}.navigation__link:link,.navigation__link:visited{text-decoration:none;font-weight:var(--font-weight-medium)}.navigation__link:hover,.navigation__link:active{text-decoration:underline;color:var(--color-text)}.container:has(#bio:target) .navigation__bio,.container:has(#skills:target) .navigation__skills,.container:has(#projects:target) .navigation__projects,.container:has(#clients:target) .navigation__clients,.container:has(#contact:target) .navigation__contact{color:var(--color-blue);text-decoration:underline;font-weight:var(--font-weight-bold)}.burger-menu__checkbox{display:none}.toggle{display:flex;gap:1rem;margin-left:auto}.toggle__title{font-weight:var(--font-weight-medium);font-size:var(--font-size-18)}.toggle__checkbox{display:none}.toggle__label{display:block;position:relative;background-color:var(--color-black);border-radius:1.5rem;width:4.5rem;height:2.2rem;cursor:pointer;padding:.3rem .4rem;transition:.3s}.toggle__label::after{content:"";width:1.6rem;height:1.6rem;border-radius:50%;display:block;background-color:var(--color-white);transition:.3s}.toggle__checkbox:checked+.toggle__label{background-color:var(--color-white)}.toggle__checkbox:checked+.toggle__label::after{transform:translateX(2.1rem);background-color:var(--color-green)}.bio{grid-template-columns:repeat(2, 1fr);column-gap:7.4rem;row-gap:0}.bio__heading{font-size:var(--font-size-70);font-weight:var(--font-weight-bold)}.bio__objective{font-family:var(--font-family-poppins);font-weight:var(--font-weight-regular);font-size:var(--font-size-20);margin:3rem 0 8rem}.bio__name{font-weight:var(--font-weight-semi-bold)}.bio__github{color:#333}.bio__linkedin{color:var(--color-dark-blue)}.bio__links{font-size:2.4rem;font-weight:var(--font-weight-semi-bold);text-decoration:none}.say-hi-link{background-color:var(--color-link-bg);color:var(--color-white);padding:.7rem 4.7rem}.find-out-link{padding:.7rem 0;margin-inline-start:1.4rem}@keyframes jump{0%{transform:translateY(0.5rem)}35%{transform:translateY(-0.5rem)}70%{transform:translateY(0rem)}100%{transform:translateY(0rem)}}.bio__arrow{display:inline-block;animation:jump 1s infinite alternate ease-in-out}.bio__pic-content{display:flex;position:relative;align-items:flex-end;justify-self:end}.bio__pic-content::before{content:"";position:absolute;background-color:var(--color-box-img);width:100%;height:55rem;border-radius:1.8rem;z-index:-1;box-shadow:2.17543px 8.7017px 38.0699px rgba(0,0,0,.15)}.bio__pic{width:42.7rem;object-fit:contain;border-radius:1.8rem}.skills__list{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:5rem}.skills__item{transition:var(--transition-timing);user-select:none}.skills__title{font-size:var(--font-size-38);font-weight:var(--font-weight-semi-bold)}.skills__year{display:inline-block;font-size:var(--font-size-20);margin-top:1rem}.skills__item:hover{text-shadow:0 0 2px var(--color-green)}.projects__main{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:7.4rem;row-gap:7.5rem}.projects-img{max-width:100%;box-shadow:0 0 .5rem rgba(0,0,0,.2)}.projcts__data{align-self:center}.projects__description{line-height:1.5}.projects__link{color:var(--color-dark-blue);font-family:var(--font-family-poppins);font-weight:var(--font-weight-medium);margin-top:2.3rem}.projects__link::after{content:"";display:inline-block;width:1.4rem;height:1.4rem;background-image:url(images/external-icon.png);background-size:contain;margin-left:.6rem}.clients__opinions{grid-column:1/-1;font-size:var(--font-size-40);line-height:1.7}.clients__wrapper{display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;column-gap:1rem}.clients__opinion{flex-basis:100%;flex-shrink:0;scroll-snap-align:start}.contact{grid-template-columns:repeat(2, 1fr);column-gap:20rem;row-gap:0;align-items:center}.contact__description{font-size:var(--font-size-20);line-height:1.9}.contact__mail{font-weight:var(--font-weight-bold);margin-block:2.5rem}.contact__social{transition:var(--transition-timing)}.contact__social:hover{transform:scale(1.2)}.contact__inputs{display:flex;gap:3rem}.contact__input{border:0;outline:0;border-bottom:.1rem solid var(--color-input-border);background:rgba(0,0,0,0);flex:1}.contact__textarea{width:100%;margin-top:4rem}.contact__button{background-color:var(--color-link-bg);color:var(--color-white);padding:1.7rem 1.8rem;font-weight:var(--font-weight-medium);font-size:var(--font-size-24);margin-top:3.4rem}form:invalid::after{content:"*";font-size:var(--font-size-38);color:var(--color-red)}.footer{padding:1rem 0;font-size:var(--font-size-15);border-top:.1rem solid var(--color-black)}html:has(.toggle__checkbox:checked){--color-background: var(--color-black);--color-text: var(--color-white);--color-box-img: var(--color-green);--color-link-bg: var(--color-green);--color-grey: #080808;--color-input-border: var(--color-white)}@media(max-width: 100px){html{font-size:8px}}@media(max-width: 800px){.container{row-gap:8rem}.section{grid-template-columns:1fr}.bio__pic-content{grid-row:1;justify-self:center;margin-bottom:4rem}.skills__list{grid-template-columns:repeat(2, 1fr)}.projects__main{grid-template-columns:1fr;row-gap:6rem;justify-items:center}.projcts__data:nth-of-type(2){order:1}.clients__opinions{font-size:var(--font-size-24)}.contact{row-gap:6rem}.contact__data{order:1}}@media(max-width: 500px){.header{padding:0}.header::before{z-index:0}.burger-menu{display:flex;flex-direction:column;cursor:pointer;gap:.75rem;z-index:0;align-self:center}.burger-menu__bar{height:.3rem;width:4.375rem;background-color:var(--color-text);transition:var(--transition-timing)}.navigation__list{justify-content:center}.header:has(.burger-menu__checkbox:checked) .burger-menu__bar:first-child{transform:translateY(10px) rotate(40deg)}.header:has(.burger-menu__checkbox:checked) .burger-menu__bar:nth-child(2){opacity:0;visibility:hidden}.header:has(.burger-menu__checkbox:checked) .burger-menu__bar:last-child{transform:translateY(-10px) rotate(-40deg)}.burger-menu__checkbox:checked+.navigation{top:100%}.navigation{position:absolute;width:100vw;background-color:var(--color-background);top:0;padding:3rem 0;border-bottom:.1rem solid var(--color-text);z-index:-1}.toggle{padding:3rem 0;z-index:1}}/*# sourceMappingURL=style.css.map */