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;margin:0}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#1a1a1a;color:#fff;font-family:Ubuntu,serif;height:100%;text-align:center;width:100%}.main__container{align-items:center;display:flex;flex-direction:column;justify-content:start}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#1d1d1d}::-webkit-scrollbar-thumb{background:#acacac}::-webkit-scrollbar-thumb:hover{background:#8d0c0c}.nav{height:15rem;max-width:100%}.nav,.nav__links{display:flex;justify-content:center}.nav__links{align-items:center;flex-wrap:wrap;gap:5rem;height:100%;list-style-type:none;width:100%}.nav__gif{width:7%}.nav__a,.nav__gif{align-items:center;display:flex;justify-content:start}.nav__a{flex-wrap:wrap;gap:3rem;width:60%}.nav__gif img{width:100%}.nav__links a{background-color:#242424;border:.5px solid #363636;border-radius:.4rem;color:#fff;font-weight:500;padding:.5rem;text-decoration:none;transition:border-color .2s ease-in-out}.nav__links a:hover{border-color:#6d6d6d}@media (max-width:600px){.nav__gif{width:15%}.nav{height:7rem}.nav__links{gap:.7rem;height:10rem;max-width:90%}.nav__a{width:auto}.nav__a a{font-size:.7rem;justify-content:space-evenly}}.about{animation:fadeInUp 1s ease-in forwards;flex-direction:column;height:100%;padding-top:3rem}.about,.about__container{align-items:center;display:flex;width:100%}.about__container{justify-content:space-evenly;padding-bottom:2rem}.about__details{width:auto}.about__img{background-color:#161616;border:.1rem solid #1f1e1e;border-radius:100%;box-shadow:1.95px 1.95px 2.6px #00000026;display:flex;height:17rem;width:17rem}.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__contact{align-items:center;display:flex;gap:2rem;padding-bottom:1.5rem;width:60%}.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;padding-top:2rem;text-align:start;width:40%}.about__text h1{color:bisque;font-size:3.5rem;font-weight:500;margin:.5rem}.about__text h2{font-size:2rem;font-weight:0;text-align:start}.about__skills{height:100%;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.about{flex-wrap:wrap}.about__details{flex-wrap:wrap;height:auto;justify-content:center;max-width:20rem}.about__img{height:12rem;width:12rem}.about__profile img{width:13rem}.about__profile{align-items:center;gap:2rem}.about__profile h2{padding-left:3rem}.about__contact{flex-direction:row;gap:2rem;justify-content:space-between;width:100%}.about__contact_logos{display:flex;flex-direction:row}.about__cv{word-wrap:normal;font-size:.7rem}.about__text{gap:.5rem;width:23rem}.about__text h1{font-size:2rem}.about__text h2{font-size:1.5rem}.about__container{flex-direction:column;flex-wrap:wrap;gap:1rem;padding-bottom:0}}@media (max-width:420px){.about__contact{word-wrap:break-word;flex-wrap:wrap}.about__img{height:8rem;width:8rem}.about__text{width:80%}}.list{--list-item-height:100px;--list-item-offset:100px;align-items:center;block-size:var(--list-item-height);display:flex;margin-block:var(--list-item-height);-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:var(--list-max-width);overflow-x:hidden;overflow-y:hidden;padding-bottom:1rem;position:relative}.list img{height:auto;width:3.5rem}.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:600px){.list{margin-block:0;padding-top:1rem}}@media (max-width:500px){.list img{width:2.5rem}}.card__container{background-color:#1f1f1f;border:1px solid #4b4b4b;border-radius:1rem;display:flex;flex-direction:column;height:auto;justify-content:space-between;max-width:23rem;overflow:hidden;padding:1rem;transition:border-color .2s ease-in-out}.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;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:600){.card__container{max-width:100%}}.experience{align-items:center;background-color:#262626;display:flex;flex-direction:column;height:100%;padding-bottom:5rem;width:100%}.education__container,.experience__container,.projects__container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;width:100%}.education__header,.experience__header,.projects__header{display:flex;flex-direction:column;margin-top:3rem;min-width:73%;padding-bottom:2rem}.education__header h1,.experience__header h1,.projects__header h1{word-wrap:break-word;color:bisque;font-size:3rem;font-weight:500;margin-bottom:.5rem;margin-top:.5rem;text-align:start}.education__body,.experience__body{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;width:100%}.education__item,.experience__item{border:.1rem solid #131313;border-radius:.5rem;box-shadow:1.95px 1.95px 2.6px #00000026;display:flex;flex-direction:column;line-height:1.5rem;padding:1.5rem;transition:border-color .3s ease-in-out;width:70%}.education__item:hover,.experience__item:hover{border-color:rgba(255,228,196,.582)}.education__title,.experience__title{align-items:start;display:flex;flex-direction:column}.education__title h2,.experience__title h2{color:#fff;font-size:2.2rem;font-weight:380;margin:0}.education__institute,.experience__company{align-items:center;color:#69c;display:flex;font-size:1.2rem;gap:2rem;margin:0}.education__institute a,.experience__company a{color:#69c;font-weight:550;text-decoration:none}.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 p,.experience p{word-wrap:break-word;text-align:start}.experience__stack{display:flex;flex-wrap:wrap;gap:.5rem}.projects__body{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:start;max-width:73%;padding:1rem}@media (max-width:600px){.education__header,.experience__header,.projects__header{width:90%}.education__item,.experience__item{width:80%}.education__title,.experience__title{gap:1rem}.education__header h1,.experience__header h1,.projects__header h1{font-size:2.5rem}.education__title h2,.experience__title h2{font-size:1.5rem}.education__institute,.experience__company{align-items:start;flex-direction:column;gap:.3rem;justify-content:stretch;width:100%}.projects__body{justify-content:center;max-width:100%}.education__institute a,.experience__company a{text-align:start}.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;height:30rem;justify-content:space-between;min-width:100%;padding-bottom:1rem;padding-top:2rem}.line{border-right:1px solid #fff}.footer__contact{display:flex;gap:2rem}.footer__together{color:bisque}.footer__title{font-size:2rem}.footer__author{align-items:center;display:flex;gap:1rem}.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:425px){.footer__contact{gap:.7rem}.footer__title{font-size:1.5rem}.footer__logos{width:auto}.footer__logos a{word-wrap:break-word;flex-wrap:wrap;font-size:.5rem}}.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.278664b5.css.map*/