@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap);#smooth-wrapper{overflow:hidden}#smooth-content{will-change:transform}*{color:#fff;font-family:JetBrains Mono,monospace}body,html{overflow-x:hidden}body{background-color:#0a0a0a;box-sizing:border-box;margin:0;padding:0;width:100vw}::selection{background-color:#00bfa5;color:#0a0a0a}.bg-block{background-color:#333;height:300px;position:fixed;top:50%;transform:rotate(-15deg) translateX(-10%);width:200vw;z-index:-1}.hero{align-items:center;display:flex;flex-direction:column;gap:2em;justify-content:center;margin:0 auto;min-height:90vh;text-align:center;width:60%}.hero button{background-color:#00bfa5;border:none;color:#fff;overflow:hidden;padding:1em 2em;position:relative;z-index:1}.hero button:before{background-image:linear-gradient(35deg,#00bfa5,#095d52,#25b3a0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:0}.hero button:hover:before{opacity:1}.hero button *{position:relative;z-index:1}.about-me{align-items:center;display:flex;justify-content:space-between;margin:0 auto;position:relative;width:60%}.about-me .content{display:flex;flex-direction:column;justify-content:start;width:60%}.about-me .content a .button{align-items:center;background-color:#181717;border:none;cursor:pointer;display:flex;gap:15px;height:3em;justify-content:center;outline:3px solid #181717;outline-offset:-3px;padding:10px 15px;transition:.4s}.about-me .content a .button .text{color:#fff;font-size:1em;font-weight:700;transition:.4s}.about-me .content a .button svg path{transition:.4s}.about-me .content a .button:hover{background-color:#fff}.about-me .content a .button:hover .text{color:#181717}.about-me .content a .button:hover svg path{fill:#181717}@media screen and (max-width:933px){.about-me{flex-direction:column}.about-me canvas{max-width:100%}.about-me .content{text-align:center;width:100%}.about-me .content a{margin:0 auto}}.skills{height:-webkit-fit-content;height:fit-content;margin:5em auto;position:relative;width:60%}.skills h2{font-size:2.5rem;margin-bottom:2em;text-align:center}.skills .skill-cards-wrapper{display:flex;flex-wrap:wrap;gap:1.5em;justify-content:center;padding:2em 0}.skills .skill-cards-wrapper .skill-card{align-items:center;border:1px solid #00bfa5;border-radius:8px;cursor:pointer;display:flex;flex-basis:calc(16% - 1.5em);flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:center;max-width:150px;min-height:120px;padding:1.5em;transition:all .3s ease-in-out}.skills .skill-cards-wrapper .skill-card p{color:#fff;font-size:1rem;font-weight:600;margin:.8em 0 0;text-align:center}.skills .skill-cards-wrapper .skill-card svg{height:40px;width:40px}.skills .skill-cards-wrapper .skill-card svg path{color:#00bfa5;transition:all .3s ease-in-out}.skills .skill-cards-wrapper .skill-card:hover{border-color:#fff}.skills .skill-cards-wrapper .skill-card:hover svg path{filter:brightness(1.8)}@media(max-width:900px){.skills .skill-cards-wrapper{justify-content:space-around}.skills .skill-cards-wrapper .skill-card{flex-basis:calc(30% - 1.5em);flex-grow:1;flex-shrink:1;max-width:200px}}@media(max-width:600px){.skills .skill-cards-wrapper{justify-content:center}.skills .skill-cards-wrapper .skill-card{flex:1 1 80%;max-width:300px}}.portfolio-projects{margin:0 auto;width:80%}.portfolio-projects h2{text-align:center}.portfolio-projects .project-cards-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:2em;justify-content:center;padding:5em 0}.portfolio-projects .project-cards-wrapper .project-card{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;padding:2em;transition:all .3s ease-in-out;width:400px}.portfolio-projects .project-cards-wrapper .project-card a,.portfolio-projects .project-cards-wrapper .project-card h3{transition:all .3s ease-in-out}.portfolio-projects .project-cards-wrapper .project-card a:hover,.portfolio-projects .project-cards-wrapper .project-card a:hover h3{color:#00bfa5}.portfolio-projects .project-cards-wrapper .project-card img,.portfolio-projects .project-cards-wrapper .project-card video{display:block;height:210px;object-fit:cover;width:100%}.portfolio-projects .project-cards-wrapper .project-card .project-media{height:210px;overflow:hidden;position:relative;width:100%}.portfolio-projects .project-cards-wrapper .project-card .project-media video{inset:0;position:absolute;transition:opacity .3s ease-in-out}.portfolio-projects .project-cards-wrapper .project-card.has-poster .project-media video{opacity:0}.portfolio-projects .project-cards-wrapper .project-card.has-poster:hover .project-media video{opacity:1}.portfolio-projects .project-cards-wrapper .project-card:hover{background-color:#3333334d}#loader{align-items:center;background-color:#333;display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:9999}.spinner{animation:spin .6s linear infinite;border:4px solid #00bfa5;border-radius:50%;border-top-color:#0000;height:40px;width:40px}.bgpasek{background-color:#333;background-image:url(/static/media/bg.903439b63b90ae01bc93.png);background-repeat:repeat;height:200px;opacity:.5;padding:2em;position:absolute;top:40%;transform:translateX(-50%) rotate(-10deg);width:200vw;z-index:-1}canvas{max-width:40%}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:#0a0a0a}::-webkit-scrollbar-thumb{background-color:#00bfa5;border:2px solid #0a0a0a;border-radius:6px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background-color:#fff}*{scrollbar-color:#00bfa5 #0a0a0a;scrollbar-width:thin}@media(max-width:600px){.about-me,.hero,.portfolio-projects,.skills{width:80%}}
/*# sourceMappingURL=main.dddfb1db.css.map*/