body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#1a1a1a;color:#fff;font-family:Noto Sans,sans-serif;min-height:100vh;overflow-x:hidden;text-align:center;width:100%}*,.App,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#1a1a1a;margin:0}.main__container{align-items:center;display:flex;flex-direction:column;justify-content:start;margin:0 auto;padding:0 1.25rem 2rem;width:min(100%,1400px)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#1d1d1d}::-webkit-scrollbar-thumb{background:#acacac}::-webkit-scrollbar-thumb:hover{background:#8d0c0c}.nav{min-height:13rem;padding:1rem 1rem 0;width:100%}.nav,.nav__links{display:flex;justify-content:center}.nav__links{align-items:center;flex-wrap:wrap;gap:clamp(1rem,3vw,3rem);height:100%;list-style-type:none;margin:0;padding:0;width:min(100%,76rem)}.nav__logo{flex-shrink:0;justify-content:start;width:clamp(5rem,12vw,7rem)}.nav__a,.nav__logo{align-items:center;display:flex}.nav__a{flex:1 1 20rem;flex-wrap:wrap;gap:clamp(1rem,2.5vw,3rem);justify-content:center}.nav__logo img{height:auto;max-width:100px;width:100%}.nav__links a{background-color:#242424;border:.5px solid #363636;border-radius:.4rem;color:#fff;font-weight:500;padding:.5rem .7rem;text-decoration:none;transition:border-color .2s ease-in-out}.nav__links a:hover{border-color:#6d6d6d}@media (max-width:600px){.nav{min-height:auto;padding:.75rem .75rem 0}.nav__links{gap:.7rem}.nav__logo{width:4.5rem}.nav__a{gap:.7rem}.nav__links a{font-size:.75rem;padding:.45rem .6rem}}.about{animation:fadeInUp 1s ease-in forwards;flex-direction:column;min-height:85vh;padding:0 1rem 2rem;width:100%}.about,.about__container{align-items:center;display:flex;justify-content:center}.about__container{flex:1 1;flex-wrap:wrap;gap:clamp(2rem,4vw,5rem);width:min(100%,120rem)}.about__details{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;width:min(100%,20rem)}.about__img{background-color:#161616;border:.1rem solid #2c2323;border-radius:100%;box-shadow:1.95px 1.95px 2.6px #00000026;display:flex;flex-shrink:0;height:13rem;width:13rem}.about__img img{border-radius:100%;height:auto;-webkit-mask-image:linear-gradient(#000 90%,#0000);mask-image:linear-gradient(#000 90%,#0000);object-fit:cover;width:100%}.about__profession{margin-left:0;width:min(14rem,70%)}.about__contact{justify-content:center;padding-bottom:1.5rem;width:min(100%,20rem)}.about__contact,.about__contact_logos{align-items:center;display:flex;gap:1.5rem}.about__contact_logos img{width:1.7rem}.about__cv{list-style-type:none}.about__cv a{background-color:orange;border-radius:.4rem;box-sizing:border-box;color:#000;font-weight:450;padding:.5rem;text-decoration:none;transition:border-color .2s ease-in-out}.about__cv a:hover{background-color:rgba(255,166,0,.795);border-color:#e0a22f}.about__text{color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:start;width:min(100%,58rem)}.about__text p{font-size:1.1rem;line-height:1.6rem;margin:.5rem 0;text-align:start}.about__text h1{color:bisque;font-size:clamp(2rem,4vw,2.5rem);font-weight:500;margin:0}.about__text h2{font-size:1.5rem}.about__skills{height:100%;margin:0;padding:0;width:min(100%,72rem)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.about__container{padding-bottom:3rem}.about__text{align-items:center}.about__text,.about__text p{text-align:center}}@media (max-width:600px){.about{min-height:auto;padding:2rem 1rem}.about__container{gap:1.25rem;padding-bottom:1.5rem}.about__img{height:11rem;width:11rem}.about__contact{gap:1rem}.about__text{gap:.5rem;width:100%}.about__text h1{font-size:clamp(1.75rem,5vw,2.2rem)}.about__text h2{font-size:1.3rem}.about__text p{font-size:1rem}}@media (max-width:450px){.about__contact{word-wrap:break-word;flex-wrap:wrap}.about__img{height:9rem;width:9rem}.about__text{align-items:center;text-align:center;width:100%}.about__text h1{font-size:1.6rem}.about__text h2{font-size:1.3rem}.about__text p{font-size:.95rem;text-align:center}.about__profession{width:min(12rem,78%)}}.list{--list-item-height:100px;--list-item-offset:100px;align-items:center;block-size:var(--list-item-height);display:flex;margin-block:clamp(1rem,3vw,2rem);-webkit-mask-image:linear-gradient(90deg,#0000,#000 20%,#000 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20%,#000 80%,#0000);max-inline-size:100%;overflow-x:hidden;overflow-y:hidden;padding-bottom:1rem;position:relative;width:min(100%,72rem)}.list img{height:auto;width:clamp(2.2rem,4vw,3rem)}.list__item{fill:bisque;--list-item-offset:max(calc(var(--list-item-width)*var(--list-items)),calc(100% + var(--list-item-width)));--list-delay:calc(var(--list-duration)/var(--list-items)*(var(--list-items) - var(--list-item-index))*-1);animation:go linear var(--list-duration) 0s infinite;animation:go linear var(--list-duration) var(--list-delay,0s) infinite;inset-inline-start:var(--list-item-offset);position:absolute;transform:translateX(-50%)}.list--6{--list-item-width:166px;--list-item-height:100px;--list-duration:32s;--list-items:18}.list--6 .list__item:first-of-type{--list-item-index:1}.list--6 .list__item:nth-of-type(2){--list-item-index:2}.list--6 .list__item:nth-of-type(3){--list-item-index:3}.list--6 .list__item:nth-of-type(4){--list-item-index:4}.list--6 .list__item:nth-of-type(5){--list-item-index:5}.list--6 .list__item:nth-of-type(6){--list-item-index:6}.list--6 .list__item:nth-of-type(7){--list-item-index:7}.list--6 .list__item:nth-of-type(8){--list-item-index:8}.list--6 .list__item:nth-of-type(9){--list-item-index:9}.list--6 .list__item:nth-of-type(10){--list-item-index:10}.list--6 .list__item:nth-of-type(11){--list-item-index:11}.list--6 .list__item:nth-of-type(12){--list-item-index:12}.list--6 .list__item:nth-of-type(13){--list-item-index:13}.list--6 .list__item:nth-of-type(14){--list-item-index:14}.list--6 .list__item:nth-of-type(15){--list-item-index:15}.list--6 .list__item:nth-of-type(16){--list-item-index:16}.list--6 .list__item:nth-of-type(17){--list-item-index:17}.list--6 .list__item:nth-of-type(18){--list-item-index:18}@keyframes go{to{inset-inline-start:calc(var(--list-item-width)*-1)}}@media (max-width:768px){.list--6{--list-item-width:120px;--list-duration:26s}}@media (max-width:600px){.list{margin-block:0;padding-top:1rem}.list--6{--list-item-width:100px;--list-duration:24s}}@media (max-width:500px){.list img{width:2.2rem}.list--6{--list-item-width:84px;--list-duration:22s}}.card__container{background-color:#1f1f1f;border:1px solid #4b4b4b;border-radius:1rem;display:flex;flex:1 1 18rem;flex-direction:column;height:auto;justify-content:space-between;overflow:hidden;padding:1rem;transition:border-color .2s ease-in-out;width:min(100%,23rem)}.card__container:hover{border-color:#6d6d6d}.card__header{align-items:start;display:flex;flex-direction:column}.card__header h3{word-wrap:break-word;font-size:1.5rem;font-weight:500;margin:0}.card__header h4{color:#aaa;font-size:1rem;font-weight:400;margin:0}.card__details p{align-items:start;color:#aaa;display:flex;font-size:.9rem;line-height:1.2rem;text-align:start}.card__urls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-evenly;padding:.3rem}.card__github a{color:#fff;font-size:.9rem;font-weight:400;list-style-type:none;text-decoration:none;transition:border-color .2s ease-in-out}.card__github{align-items:center;background-color:#3a3232;border:.5px solid #363636;border-radius:.4rem;display:flex;gap:.5rem;padding:.3rem;transition:border-color .1s ease-in-out}.card__github:hover{border-color:#6d6d6d}.card__github img{width:1.2rem}@media (max-width:768px){.card__container{max-width:100%;width:100%}}@media (max-width:600px){.card__container{padding:.9rem}.card__header h3{font-size:1.3rem}}.experience{align-items:center;display:flex;flex-direction:column;width:100%}.education__container,.experience__container,.projects__container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;width:100%}.experience__container{background-color:#262626;border-radius:0;padding:1rem 0;width:100vw}.education__container,.projects__container{background-color:#1a1a1a}.education__header,.experience__header,.projects__header{display:flex;flex-direction:column;margin-top:1rem;padding:0 1rem;width:min(100%,90rem)}.education__header h1,.experience__header h1,.projects__header h1{word-wrap:break-word;color:bisque;font-size:2.5rem;font-weight:500;margin-bottom:0;text-align:start}.education__header hr,.experience__header hr,.projects__header hr{background-color:bisque;border:0;height:.5px;margin-bottom:1rem;width:100%}.education__body,.experience__body{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;justify-content:center;padding:0 1rem 1rem;width:min(100%,90rem)}.education__item,.experience__item{display:flex;flex-direction:column;line-height:1.5rem;width:min(100%,90rem)}.experience__item{padding:1rem clamp(1rem,2.5vw,2rem) 2rem}.education__item{padding-bottom:1rem;padding-top:1rem}.education__item:hover,.experience__item:hover{border-color:rgba(255,228,196,.582)}.education__content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.education__text{flex:1 1 28rem}.education__image{align-items:center;display:flex;flex:0 1 20rem;justify-content:center}.education__image img{border-radius:.75rem;box-shadow:0 8px 24px #00000040;height:auto;width:min(100%,18rem)}.education__title,.experience__title{align-items:start;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.education__title h2,.experience__title h2{color:#fff;font-size:clamp(1.4rem,2.2vw,1.7rem);font-weight:500;margin:0}.education__institute,.experience__company{align-items:center;display:flex;flex-wrap:wrap;font-size:1.2rem;gap:1rem 2rem;margin:0;padding-top:0}.education__institute a,.experience__company a{font-weight:550;padding-top:.5rem;text-decoration:none}.education__institute p,.experience__company p{font-size:1.1rem;font-weight:400;margin:.5rem 0}.education__institute a:hover,.experience__company a:hover{text-decoration:underline}.education__details,.experience__details{display:flex;flex-direction:column;font-size:1.1rem;font-weight:400;text-align:start}.education__details ul,.experience__details ul{margin:.5rem 0;padding:0 0 0 1.2rem}.education__details li,.experience__details li{margin-bottom:.5rem}.education__details p{margin-top:.4rem}.education p,.experience p{word-wrap:break-word;text-align:start}.experience__stack{display:flex;flex-wrap:wrap;gap:.5rem}.projects__body{align-items:stretch;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:start;padding:1rem;width:min(100%,90rem)}.company_logos{align-items:center;display:flex;gap:.5rem}@media (max-width:768px){.education__body,.experience__body{padding:0 .75rem 1rem;width:100%}.projects__body{justify-content:center;padding:1rem .75rem}}@media (max-width:600px){.education__content{gap:1rem}.education__image{flex-basis:100%}.education__image img{width:min(100%,15rem)}.education__header,.experience__header,.projects__header{padding:0 1rem;width:100%}.education__item,.experience__item{width:100%}.education__title,.experience__title{gap:1rem}.education__header h1,.experience__header h1,.projects__header h1{font-size:2.2rem}.education__title h2,.experience__title h2{font-size:1.4rem}.education__institute,.experience__company{align-items:start;flex-direction:column;gap:.3rem;justify-content:stretch;width:100%}.education__institute p,.experience__company p{font-size:1rem;margin:0}.education__details p,.experience__details p{font-size:1rem}}.footer{align-items:center;background-color:#161616;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;min-width:100%;padding:2rem 1rem 1rem}.line{border-right:1px solid #fff}.footer__contact{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.footer__together{color:bisque}.footer__title{font-size:clamp(1.5rem,4vw,2rem)}.footer__author{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.footer__author h3{font-size:.8rem;font-weight:400}.footer__logos{align-items:start;display:flex;flex-direction:column;gap:1rem}.footer__logos a{align-items:center;color:#fff;display:flex;gap:1rem;text-decoration:none}.footer__logos a:hover{text-decoration:underline}.footer__logos h1{margin:0}.footer__logos img{width:1.5rem}@media (max-width:600px){.footer__contact{gap:1rem}.footer__logos a{font-size:.95rem}}@media (max-width:425px){.footer{padding:1.5rem .75rem 1rem}.footer__contact{align-items:center;flex-direction:column;gap:.7rem}.footer__title{font-size:1.4rem}.footer__logos{align-items:center;width:auto}.footer__logos a{word-wrap:break-word;flex-wrap:wrap;font-size:.8rem;justify-content:center;text-align:center}.footer__author{flex-direction:column}}.character figure{margin:0}.character__container-animation{transition:background .3s ease-in-out}.character{cursor:grab;display:table;height:80%;width:100%}.character__container{display:table-cell;vertical-align:middle}.character span{display:block}.character__body{animation:ruchLewitacja 3s ease-in-out infinite;display:inline-block;text-align:center;top:33%}.body,.character__body{position:relative;width:95px}.body{background:#f67872;border-radius:25%;height:95px;margin:0 auto}.character__head{position:relative}.character__head .stick{border:10px solid #44a48e;border-bottom:none;border-right:none;border-top-left-radius:30px;height:45px;left:50%;margin-left:-5px;position:absolute;top:-60px;width:15px}.character__head .leaf-left{border:10px solid #44a48e;border-bottom-left-radius:10px;border-top:none;height:10px;left:20px;position:absolute;top:-25px;width:0}.character__head .leaf-left.other{left:31px}.character__head .leaf-right{border:10px solid #44a48e;border-bottom-right-radius:10px;border-top:none;height:10px;position:absolute;right:21px;top:-25px;width:0}.character__head .leaf-right.other{right:32px}.character__head .after{border-left:20px solid #0000;border-right:20px solid #0000;border-top:20px solid #cd4f5d;content:"";display:block;height:0;position:absolute;top:0;transition:border-top-color .3s ease-in-out;width:0}.character__head .leaf-left .after{left:-10px}.character__head .leaf-right .after{right:-10px}.eyes,.face{position:relative;width:95px}.eyes{height:20px;transform-origin:center}.eyes .eye{animation:eyes_animation 10s ease-in-out infinite;background:#1a1a1a;border-radius:50%;height:12px;position:absolute;top:28px;width:12px}.eyes .eye:before{top:-1px}.eyes .eye:after,.eyes .eye:before{background:#f67872;content:"";display:block;height:0;left:-1px;position:absolute;transition:height .1s ease-in-out;width:14px}.eyes .eye:after{bottom:-1px}.eyes .eye.eye-left{left:16%}.eyes .eye.eye-right{right:16%}.smile{background:#f93348;border-radius:0 0 70% 70%/0 0 140% 140%;height:25px;left:10px;overflow:hidden;position:relative;top:28px;transition:all .1s ease-in-out;width:75px}.smile .teeth{background:#fff;border-radius:0 0 5px 5px/0 0 35px 35px;height:7px}.smile .teeth,.smile .throat{left:0;position:absolute;top:0;transition:all .1s ease-in-out;width:75px}.smile .throat{background:#00000026;border-radius:0 0 13px 13px/0 0 35px 35px;height:14px}.arms .hand{background:#f67872;height:30px;position:absolute;top:80px;transform:rotate(0deg);width:2px}.arms .hand.hand-left{left:7px}.arms .hand.hand-right{right:7px}.arms .hand:after{background:#f67872;content:"";display:block;height:2px;left:-1px;position:absolute;top:27px;width:4px}.foot{position:relative}.foot>*{background:#f67872;height:2px;position:absolute;transform-origin:center;width:20px}.foot .feet-left{bottom:0;left:15px;transform:rotate(90deg)}.foot .feet-left:after{background:#f67872;bottom:-4px;content:"";display:block;height:6px;left:18px;position:absolute;width:2px}.foot .feet-right{bottom:0;right:15px;transform:rotate(90deg)}.foot .feet-right:after{background:#f67872;content:"";display:block;height:6px;left:18px;position:absolute;top:-4px;width:2px}.bounce{animation:ruchCien 3s ease-in-out infinite;background:#0003;border-radius:50%;bottom:0;display:block;height:50px;margin-left:40px;position:absolute;width:110px}.character__body:hover .eyes .eye:before{height:0}.character__body:hover .eyes .eye:after{height:6px}.character__body:hover .piegi .pieg{top:22px}.character__body:hover .smile{height:15px;left:30px;top:34px;width:35px}.character__body:hover .smile .teeth{height:0;width:35px}.character__body:hover .smile .throat{height:3px;width:35px}.character__body:hover .feet-left{animation:ruchNogaLewa .15s ease-in-out infinite}.character__body:hover .feet-right{animation:ruchNogaPrawa .15s ease-in-out infinite}.character__body:hover .hand{bottom:25px;top:auto}.character__body:hover .hand-left{animation:ruchNogaLewa .15s ease-in-out infinite;left:4px;transform:rotate(90deg)}.character__body:hover .hand-right{animation:ruchRekaLewa .15s ease-in-out infinite;right:4px;transform:rotate(-90deg)}.character__body:hover .piegi .pieg{top:18px}.character__body:hover .eyes .eye:after,.character__body:hover .eyes .eye:before{height:3px}.character__body:hover .smile{border-radius:44%;height:48px;left:13px;top:17px;width:70px}.character__body:hover .smile .teeth{border-radius:80% 80% 0 0/140% 140% 0 0;height:7px;left:13px;top:0;width:45px}.character__body:hover .smile .throat{border-radius:80% 80% 0 0/104% 104% 0 0;height:30px;left:0;top:0;width:70px}.character__body:hover .body,.character__body:hover .character__head{animation:ruchWstrzas .15s ease-in-out infinite;transform:rotate(0deg)}.tekst{animation:ruchTekst 30s ease-in-out infinite;color:#000000b3;font-family:Lato,arial,sans-serif;font-size:11px;font-size:14px;font-weight:700;letter-spacing:2px;line-height:28px;opacity:0;right:-50%;text-align:center;text-transform:uppercase;top:10px;width:100%}.tekst,.tekst:after{display:block;position:absolute}.tekst:after{border:1px solid #0009;border-bottom-right-radius:30px;border-left:none;border-top:none;bottom:-25px;content:"";height:20px;left:50%;margin-left:-22px;width:20px}@keyframes ruchTekst{0%,18%,3%,to{opacity:0}16.5%,4.5%{opacity:1}}@keyframes eyes_animation{0%,4%,49%,51%,53%,6%,to{transform:rotateX(0deg)}5%,50%,52%{transform:rotateX(90deg)}}@keyframes ruchCien{0%,to{transform:scale(1) rotateX(100deg)}50%{transform:scale(.7) rotateX(100deg)}}@keyframes ruchLewitacja{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes ruchNogaLewa{0%,to{transform:rotate(75deg)}50%{transform:rotate(100deg)}}@keyframes ruchNogaPrawa{0%,to{transform:rotate(105deg)}50%{transform:rotate(75deg)}}@keyframes ruchRekaLewa{0%,to{transform:rotate(-75deg)}50%{transform:rotate(-105deg)}}@keyframes ruchWstrzas{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg)}}
/*# sourceMappingURL=main.cc3b88fd.css.map*/