@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--max-width: 72.5rem;--radius-2: .125rem;--radius-4: .25rem;--radius-8: .5rem;--radius-12: .75rem;--radius-16: 1rem;--shadow-box: 0 .0625rem .25rem rgba(0, 0, 0, .05);--light: 300;--regular: 400;--medium: 500;--semibold: 600;--bold: 700;--clr-white: #fff;--clr-black: #000;--clr-grey-extra-light: #f2f2f2;--clr-grey-light: #e6e6e6;--clr-grey-darker: #212121;--clr-grey-dark: #515151;--clr-grey-icon: #949494;--clr-description:#767676;--clr-primary: hsl(221, 91%, 47%);--clr-primary-mid: hsl(221, 91%, 90%);--clr-primary-light: hsl(221, 91%, 95%);--clr-secondary: #063088;--gradient: linear-gradient(45deg, var(--clr-primary), var(--clr-secondary));--transition-fast: all .1s ease-in-out}html{box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0;font-family:inherit}body{font-family:Inter,sans-serif;color:var(--grey-darker)}button{cursor:pointer}.btn{text-decoration:none;width:max-content;padding:.875rem 1.4375rem;background-image:var(--gradient);height:2.75rem;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:var(--radius-8);color:var(--clr-white);font-size:1.125rem;font-weight:var(--semibold);border:none;transition:var(--transition-fast)}.btn:hover{filter:invert(1)}.logo{margin:0 .5rem;display:flex;justify-content:center}.logo path{fill:var(--clr-primary)}.logo.m-only path:not(:nth-child(1)){fill:var(--clr-grey-light)}.logo.l-only path:not(:nth-child(2)){fill:var(--clr-grey-light)}.logo.u-only path:not(:nth-child(3)){fill:var(--clr-grey-light)}body:has(.loading-screen){overflow:hidden}.loading-screen{display:grid;place-content:center;width:100%;height:100vh;left:0;top:0;position:fixed;z-index:999999999;background-color:var(--clr-white);transition:all .1s 4.9s}.loading-screen.hidden{display:none}.loading-screen__logo-wrapper{animation:pulse .9s infinite alternate ease-in-out;scale:1.8;margin-bottom:2rem}@keyframes pulse{0%{scale:1.9}}.loading-screen__text{font-family:.75rem;font-weight:var(--bold);text-align:center;color:var(--clr-primary);position:relative;text-transform:uppercase;letter-spacing:.0625rem;display:flex;gap:.5rem}.loading-screen__text :nth-child(1) *{animation-direction:reverse}.loading-screen__dot{display:inline-block;animation:dots 1.8s infinite}.loading-screen__dot:nth-child(1){animation-delay:.3s}.loading-screen__dot:nth-child(2){animation-delay:.6s}.loading-screen__dot:nth-child(3){animation-delay:.9s}@keyframes dots{30%{transform:translateY(-5px) scale(1.6)}48%{transform:scale(1)}to{transform:translateY(0)}}.icon path{fill:var(--clr-grey-icon)}.box{display:flex;height:2.75rem;align-items:center;background-color:var(--clr-white);padding:.1875rem;border:1px solid var(--clr-grey-light);border-radius:var(--radius-8);box-shadow:var(--shadow-box)}.header{width:100%;position:fixed;top:0;z-index:999;left:0}.header__content-wrapper{margin:0 auto;max-width:var(--max-width);width:100%;padding:.75rem 1.5rem 0;display:flex;justify-content:space-between;gap:.75rem}.header__hover-indicator{position:relative}.header__hover-indicator:before{left:.1875rem;transition:all .75s cubic-bezier(.075,.82,.165,1);border-radius:var(--radius-4);position:absolute;width:2.375rem;height:2.375rem;content:""}.header__hover-indicator:has(.header__link-btn:hover):before{background-color:var(--clr-primary-light)}.header__hover-indicator:has(.header__link-btn--instagram:hover):before{left:.1875rem}.header__hover-indicator:has(.header__link-btn--x:hover):before{left:2.5625rem}.header__hover-indicator:has(.header__link-btn--facebook:hover):before{left:4.9375rem}.header__hover-indicator:has(.header__link-btn--linkedin:hover):before{left:7.3125rem}.header__hover-indicator:has(.header__link-btn--github:hover):before{left:9.6875rem}.header__link-btn{padding:.5625rem;display:flex;z-index:0;align-items:center;justify-content:center;width:2.375rem;height:2.375rem;border-radius:var(--radius-4)}.header__link-btn:hover path{fill:var(--clr-primary)!important}.text.h1{font-size:1.375rem;font-weight:var(--regular);color:var(--clr-grey-dark);margin-bottom:1.0625rem}@media screen and (max-width: 37.5rem){.text.h1{font-size:1.125rem}}.text.h2-hero{font-size:4.1875rem;font-weight:var(--light);line-height:4.375rem;max-width:42rem;transform:translate(-.25rem);margin-bottom:1.1875rem}@media screen and (max-width: 62.5rem){.text.h2-hero{font-size:3rem;max-width:32rem;line-height:3.375rem}}@media screen and (max-width: 51.25rem){.text.h2-hero{font-size:2rem;line-height:2.5rem;transform:translate(0);max-width:22rem;font-weight:var(--medium)}}.text.h2-section{margin-bottom:.75rem;font-size:2.6875rem;font-weight:var(--regular);line-height:3.25rem}@media screen and (max-width: 51.25rem){.text.h2-section{font-size:1.75rem;line-height:2.5rem;font-weight:var(--medium)}}.text.h2-yt{font-size:1.5rem;font-weight:var(--medium);margin-bottom:.625rem}.text.description{font-size:1.375rem;line-height:2.1875rem}@media screen and (max-width: 51.25rem){.text.description{font-size:1.125rem;line-height:1.75rem}}.text.description--hero{margin-bottom:2rem;color:var(--clr-grey-dark);max-width:33.5rem}@media screen and (max-width: 62.5rem){.text.description--hero{max-width:25.5rem}}@media screen and (max-width: 51.25rem){.text.description--hero{max-width:20rem}}.text.description--portfolio{max-width:33.5rem;color:var(--clr-description)}.text.description--section{margin-bottom:1.9375rem;color:var(--clr-description)}.text.description--yt-date,.text.description--yt{font-size:1.125rem;color:#767676;line-height:1.75rem;margin-bottom:2rem}.text.description--yt-date{position:relative;margin-bottom:0}.text.description--yt-date:before{content:"";position:absolute;left:0;top:-1rem;width:2rem;height:.0625rem;background-color:#e5e5e5}.hero{background-color:var(--clr-grey-extra-light);position:relative;overflow:hidden}.hero__content-wrapper{width:100%;max-width:var(--max-width);margin:0 auto;padding:9.5rem 1.5rem 6rem;position:relative}@media screen and (max-width: 37.5rem){.hero__content-wrapper{padding:6rem 1.5rem 18rem}}.hero__img{pointer-events:none;max-width:25.5rem;max-height:34.375rem;width:100%;aspect-ratio:408/550;position:absolute;right:0;bottom:0;z-index:1;background-image:url(/assets/avatar-B9MzupNo.png);animation:pixel 7s infinite;transition:var(--transition-fast);filter:drop-shadow(.5rem .5rem 1rem rgba(0,0,0,0))}@media screen and (max-width: 51.25rem){.hero__img{transform:scale(.7);transform-origin:bottom right}}@keyframes pixel{0%{background-image:url(/assets/avatar-pixel-frame-1-h8Q1gW03.png)}1%{background-image:url(/assets/avatar-pixel-frame-2-tohgpBra.png)}2%{background-image:url(/assets/avatar-pixel-frame-1-h8Q1gW03.png)}3%{background-image:url(/assets/avatar-pixel-frame-3-BksQlGO3.png)}3%{background-image:url(/assets/avatar-pixel-frame-4-CI-jQo0C.png)}4%{background-image:url(/assets/avatar-B9MzupNo.png)}}.hero__bg{top:0;left:calc(50% + 10.75rem);height:100%;width:calc(50% - 10.75rem);position:absolute;background-image:var(--gradient);clip-path:polygon(14.5rem 0%,100% 0%,100% 100%,14.5rem 100%,0% 50%)}@media screen and (max-width: 37.5rem){.hero__bg{display:none}}.hero h1{font-size:1.375rem;font-weight:var(--regular);color:var(--clr-grey-dark);margin-bottom:1.0625rem}.hero h2{font-size:4.1875rem;font-weight:var(--light);line-height:4.375rem;max-width:42rem;transform:translate(-.25rem);margin-bottom:1.1875rem}.decoration{top:0;left:50%;transform:translate(-50%);height:8.75rem;position:absolute;text-align:center;display:grid;align-content:flex-start;justify-items:center;perspective:100rem}.decoration.swing1 .decoration__wrapper{animation:swing1 1s ease-in-out infinite alternate}@keyframes swing1{0%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}.decoration.swing2 .decoration__wrapper{animation:swing2 1s ease-in-out infinite alternate}@keyframes swing2{0%{transform:rotateX(20deg)}to{transform:rotateX(-20deg);filter:brightness(.98)}}.decoration__footer{width:1.1875rem;height:.625rem;border-radius:0 0 99rem 99rem;background-color:var(--clr-grey-light)}.decoration__wrapper{display:grid;align-content:flex-start;justify-items:center;transform-origin:top}.decoration__line{height:5.375rem;width:.0625rem;background-color:var(--clr-grey-light)}.intro{background-color:var(--clr-white);position:relative}.intro__wrapper{margin:0 auto;max-width:var(--max-width);padding:10.625rem 1.5rem 4.875rem;text-align:center}.intro .description{margin:0 auto 2rem}.pattern{height:1.75rem;width:100%;position:absolute;bottom:0;left:0;background-image:url("data:image/svg+xml,%3csvg%20width='40'%20height='28'%20viewBox='0%200%2040%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='40'%20height='28'%20fill='url(%23pattern0_162_242)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_162_242'%20patternUnits='userSpaceOnUse'%20viewBox='-471%203027%2040%2028'%20width='100%25'%20height='100%25'%20patternContentUnits='objectBoundingBox'%3e%3cpath%20d='M-451%203027L-471%203055H-431L-451%203027Z'%20fill='%23212121'/%3e%3c/pattern%3e%3c/defs%3e%3c/svg%3e");background-position:center}.works{background-color:var(--clr-grey-darker)}.works__wrapper{padding:6rem 1.5rem;max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:2.5rem}.works__wrapper>a{text-decoration:none}.card{transition:all .1s linear;display:grid;grid-template-columns:9.5rem 1fr;grid-template-rows:max-content 1fr;gap:1rem 2.5rem;color:var(--clr-white);text-decoration:none;perspective:200rem}@media screen and (max-width: 37.5rem){.card{display:flex;flex-direction:column;align-items:center;text-align:center}}.card:hover .card__image-wrapper{box-shadow:0 0 0 2px inset var(--clr-primary);animation:card 1s ease-in-out alternate}@keyframes card{50%{transform:rotate3d(1,1,0,-15deg)}to{transform:rotate3d(0,0,0,15deg)}}.card__image-wrapper{transition:all .3s ease-in-out;min-height:152px;display:flex;align-items:center;box-shadow:inset -2px 2px 8px #ffffff05,0 2px 8px #0000001a;border:.0625rem solid rgba(0,0,0,.3);background-image:linear-gradient(45deg,#262626,#303030);grid-row:1/3;aspect-ratio:1/1}@media screen and (max-width: 37.5rem){.card__image-wrapper{max-width:12.5rem;width:100%;height:100%}}.card__image-wrapper--special{background-image:var(--gradient)}.card__image-wrapper img{width:100%;max-width:152px;margin:0 auto;display:block;mix-blend-mode:lighten}.card :nth-child(3){grid-column:2/3;grid-row:2/3}.card h2{font-weight:var(--medium);font-size:1.5rem}.card p{color:#acacac;font-size:1.125rem;line-height:1.8125rem;max-width:20.625rem}.card a{word-break:break-all;color:var(--clr-white);text-decoration:underline solid 1px var(--clr-white)}@media screen and (max-width: 37.5rem){.card__link{display:flex;flex-direction:column;align-items:center;margin-top:1rem}}.social-media{display:grid;width:100%;height:100%;grid-template-columns:repeat(7,4.375rem);grid-template-rows:minmax(3.25rem,1fr) repeat(3,4.375rem) minmax(3.25rem,1fr);gap:.75rem}.social-media>*:nth-child(odd){border:1px solid rgba(255,255,255,.1)}.social-media>*{transition:all .2s ease-in-out;border:1px solid rgba(255,255,255,.3);display:flex;justify-content:center;align-items:center;position:relative}.social-media>*:hover{border:1px solid var(--clr-primary);box-shadow:inset -2px 2px 8px #ffffff05,0 2px 8px #0000001a;background-image:var(--gradient)}.social-media a{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.social-media path{fill:#fff}.social-media .tooltip{cursor:pointer}.social-media .tooltip:before{transition:all 1s ease-in-out;display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;font-size:.75rem;font-weight:var(--medium);position:absolute;top:5.5rem;left:50%;transform:translate(-50%);content:"kamil__mlu";background-color:var(--clr-primary);color:var(--clr-white);box-shadow:var(--shadow-box);border-radius:var(--radius-8);z-index:1;opacity:0}.social-media .tooltip:hover:before{opacity:1;top:4.5rem}.social-media .empty{pointer-events:none;border-color:transparent}.social-media .fading-top,.social-media .fading-bottom,.social-media .fading-left,.social-media .fading-right{pointer-events:none}.social-media .fading-top:before,.social-media .fading-bottom:before,.social-media .fading-left:before,.social-media .fading-right:before{content:"";width:calc(100% + 2px);height:calc(100% + 2px);display:block;position:absolute;top:-1px;z-index:1;left:-1px}.social-media .fading-top:before{background-image:linear-gradient(var(--clr-grey-darker),transparent)}.social-media .fading-bottom:before{background-image:linear-gradient(360deg,var(--clr-grey-darker),transparent)}.social-media .fading-left:before{background-image:linear-gradient(-90deg,var(--clr-grey-darker),transparent)}.social-media .fading-right:before{background-image:linear-gradient(90deg,var(--clr-grey-darker),transparent)}.footer{background-color:var(--clr-grey-darker);overflow:hidden}.footer__wrapper{display:grid;grid-template-columns:3fr 6fr 3fr;gap:0 2.5rem;margin:0 auto;width:100%;max-width:var(--max-width);padding:0 1.5rem}@media screen and (max-width: 68.75rem){.footer__wrapper{grid-template-columns:3fr 1fr}}@media screen and (max-width: 57.5rem){.footer__wrapper{display:flex;align-items:center;flex-direction:column-reverse;max-width:38.125rem}}.footer__col--1{padding:4rem 0}@media screen and (max-width: 57.5rem){.footer__col--1{text-align:center;padding:3rem 0 4rem}}.footer__col--2{padding:0}.footer__col--3{padding:4rem 0;align-self:center}@media screen and (max-width: 68.75rem){.footer__col--3{display:none}}.footer__title{color:var(--clr-white);font-size:1.25rem;margin-bottom:.75rem;font-weight:var(--medium)}@media screen and (max-width: 57.5rem){.footer__title{font-size:1.75rem;margin-bottom:1rem}}.footer__description{max-width:15.625rem;color:#acacac;font-size:.875rem;line-height:1.375rem;margin-bottom:.75rem}@media screen and (max-width: 57.5rem){.footer__description{font-size:1.125rem;line-height:1.75rem}}.footer__description--link{margin-bottom:5px;display:flex;gap:.375rem;line-height:1.8125rem}@media screen and (max-width: 57.5rem){.footer__description--link{flex-direction:column;margin-bottom:1rem;gap:0}}.footer__description--copyright{color:var(--clr-white);margin-top:3rem;margin-bottom:0}.footer__link{color:var(--clr-white)}.footer__img{min-width:4.375rem;aspect-ratio:1/1;width:100%;box-shadow:inset -2px 2px 8px #ffffff05,0 2px 8px #0000001a;border:.0625rem solid rgba(0,0,0,.3);background-image:url(/assets/avatar-B9MzupNo.png),linear-gradient(45deg,#262626,#303030);background-size:contain;background-position:center;background-repeat:no-repeat}.preview:has(.preview__btn:hover) .preview__image{border:1px solid #f5b731;box-shadow:0 0 1rem .25rem inset #fce7bb}.preview__btn{margin:0 auto}.preview__file-input{display:none}.preview__description{color:#757575;margin-top:.625rem;text-align:center;font-size:.875rem;line-height:1.375rem}.preview__image{transition:var(--transition-fast);margin:2rem auto 0;width:100%;max-width:56.25rem;aspect-ratio:4/3;background-position:bottom;background-size:56.25rem;background-repeat:no-repeat;position:relative;height:33.125rem;border-radius:var(--radius-8);border:1px solid var(--clr-grey-light)}.preview__image:hover{border:1px solid #f5b731;box-shadow:0 0 1rem .25rem inset #fce7bb}.preview__logo{width:13.0625rem;height:12.8125rem;position:absolute;bottom:3.8125rem;border-radius:100%;background-position:center;background-size:cover;background-repeat:no-repeat;left:calc(50% + .25rem);transform:translate(-50%)}.section__wrapper{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem 6rem}.section__header{text-align:center;position:relative;padding-top:10.625rem;display:grid;justify-content:center}.section .description--section{max-width:33.5rem;margin-inline:auto}