@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;700&family=Montserrat:wght@400;700&family=Press+Start+2P&family=Tektur:wght@400;700&display=swap";.about{background:linear-gradient(0deg,#3d3d3d,#131315)}.about h2{padding:1.6em 0;text-align:center}.about h3{padding:1.6em .3em;text-align:center}.about .about__img{background-position:-5.5em center;background-size:cover;background-repeat:no-repeat;margin:3em auto;width:25em;height:25em;border:3px solid #131315;border-radius:50%}.about p{margin:0 auto;padding:2em;max-width:50em}.about ul{display:flex;justify-content:center;flex-wrap:wrap;margin:0 auto;max-width:50%}.about ul li{flex-basis:100%;margin:1em;padding:1em;background:linear-gradient(20deg,#3d3d3d 25%,#18181acc);border:2px solid rgb(61,61,61);font-family:IBM Plex Mono,sans-serif;text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:1px;font-size:1.4rem;color:#b4b4b4}@media (min-width: 1024px){.about ul li{flex-basis:28%;font-size:1.6rem}}.contact{background:linear-gradient(0deg,#3d3d3d,#131315)}.contact h2{padding:1.6em 0;text-align:center}.contact h3{padding:1.6em .3em;text-align:center}.contact .contact--mail{display:block;position:relative;z-index:1;margin:2em auto;padding:1em 0;width:320px;border:1px solid #b4b4b4;font-family:Bebas Neue,sans-serif;text-align:center;letter-spacing:2px;font-size:2rem;color:#b4b4b4;cursor:pointer;transition:.3s}@media (min-width: 768px){.contact .contact--mail{font-size:2.2rem}}@media (min-width: 1024px){.contact .contact--mail{width:500px}}.contact .contact--mail:hover{color:#078597}.contact form{display:flex;flex-direction:column;margin:2em auto 0;width:320px}.contact form label{padding:1em 0;font-family:Bebas Neue,sans-serif;text-align:left;letter-spacing:1px;font-size:1.6rem;color:#b4b4b4}.contact form input,.contact form textarea{background-color:transparent;border:1px solid #b4b4b4;color:#b4b4b4}.contact form input{padding:.5em}.contact form textarea{padding:.5em;height:16em;resize:vertical}.contact form input:focus,.contact form textarea:focus{outline:none}.contact form button{display:block;position:relative;background-color:transparent;font-family:Bebas Neue,sans-serif;font-size:2rem;text-transform:uppercase;letter-spacing:2px;overflow:hidden;transition:.5s;cursor:pointer;margin-top:1.4em;padding:.5em;border:1px solid #b4b4b4;color:#b4b4b4}.contact form button:hover{color:#fff}.contact form button:after{position:absolute;z-index:-1;content:"";top:0;left:0;transform:translateY(102%);width:100%;height:100%;background:linear-gradient(90deg,#014e5999 18%,#07859799);transition:.3s}.contact form button:hover:after{transform:translateY(0)}.contact #msg-status{padding:1em;height:2em;text-align:center}@media (min-width: 1024px){.contact{padding:0 25%}.contact form{width:500px}}nav{display:flex;justify-content:space-between;padding-left:5%;height:15vh;background-color:#131315}nav h1{padding:2em .6em .6em 0%}nav ul{justify-self:flex-end;display:none;margin-right:10%}nav ul li{padding:6em 2em 2em}nav ul li a{transition:.3s}nav ul li a:hover{color:#078597}nav .fa-bars{margin:1.7em 10% 2em 2em;font-size:3rem;color:#fff;cursor:pointer}@media (min-width: 1024px){nav ul{display:flex}nav .fa-bars{display:none}}.mobile{position:fixed;z-index:9;top:0;right:0;width:100%;height:100vh;background:linear-gradient(0deg,#3d3d3d,#131315)}.mobile ul{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.mobile .fa-rectangle-xmark{font-size:2.6rem;color:#b4b4b4;cursor:pointer;transition:.3s}header{position:relative;padding:5em 0;height:85vh;background-color:#000;overflow:hidden}header .header__photo{display:none}header .header__text{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;margin:0 auto;max-width:360px;height:100%}header .header__text h2#header__text--title{text-align:center;background-image:-webkit-gradient(linear,left top,right bottom,from(rgb(1,78,89)),to(rgb(7,133,151)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}header .header__text p{padding:2em;text-align:center}header .header__text .header__text--buttons{margin:0 auto;padding-top:4em}header .header__text .header__text--buttons ul{display:flex}header .header__text .header__text--buttons ul li a{display:block;position:relative;background-color:transparent;border:1px solid #b4b4b4;font-family:Bebas Neue,sans-serif;font-size:2rem;text-transform:uppercase;letter-spacing:2px;color:#b4b4b4;overflow:hidden;transition:.5s;cursor:pointer;margin:1.2em .7em;padding:.6em 2em}header .header__text .header__text--buttons ul li a:hover{color:#fff}header .header__text .header__text--buttons ul li a:after{position:absolute;z-index:-1;content:"";top:0;left:0;transform:translateY(102%);width:100%;height:100%;background:linear-gradient(90deg,#014e5999 18%,#07859799);transition:.3s}header .header__text .header__text--buttons ul li a:hover:after{transform:translateY(0)}header .web--shadow{position:absolute;top:0;left:0;width:100%;min-height:100%;background-color:#18181acc}@media (min-width: 1024px){header{display:flex;justify-content:space-between;padding:0 0 0 5%}header .header__photo{flex-basis:50%;display:flex;justify-content:center;align-items:flex-end}header .header__photo img{margin-top:6.5em;max-width:100%;max-height:90%}header .header__text{flex-basis:40%;justify-content:center;margin:0;min-width:440px;max-width:440px}header .header__text h1{padding:0 0 .5em;text-align:left}header .header__text h2#header--h2{padding:.5em 0;margin:0}header .header__text p{padding:.5em 0;text-align:left}header .header__text .header__text--buttons{margin:0;padding:.5em 0}header .header__text .header__text--buttons ul li a{margin:1.2em 2.4em 0 0;padding:.6em 3em}}@media (max-width: 1023px) and (orientation: landscape){header{height:auto}}.projects{padding-bottom:5em;background:linear-gradient(0deg,#3d3d3d,#131315)}.projects h2{padding:1.6em 0;text-align:center}.projects .cards{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.projects .cards .card{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;margin:3em 4em;width:320px;min-height:45em;box-shadow:5px 5px 10px;border-radius:1em;background-size:cover;background-position:center}.projects .cards .card ul{display:flex;justify-content:space-around;flex-wrap:wrap}.projects .cards .card ul li{flex-basis:40%;margin:.5em .2em;padding:.7em;background:linear-gradient(90deg,transparent 10%,rgba(49,49,49,.6) 50%,transparent 90%);font-family:IBM Plex Mono,sans-serif;text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:1px;font-size:1.6rem;color:#b4b4b4}.projects .cards .card button{display:block;position:relative;background-color:transparent;border:1px solid #b4b4b4;font-family:Bebas Neue,sans-serif;font-size:2rem;text-transform:uppercase;letter-spacing:2px;color:#b4b4b4;overflow:hidden;transition:.5s;cursor:pointer;margin:1.6em;padding:.6em 2em;justify-self:self-end}.projects .cards .card button:hover{color:#fff}.projects .cards .card button:after{position:absolute;z-index:-1;content:"";top:0;left:0;transform:translateY(102%);width:100%;height:100%;background:linear-gradient(90deg,#014e5999 18%,#07859799);transition:.3s}.projects .cards .card button:hover:after{transform:translateY(0)}.projects .cards .card:nth-of-type(2){background-image:url(/assets/memoryImg3-DHjJK5Wd.png)}.projects .cards .card:nth-of-type(1){background-image:url(/assets/ofertaTomkola1-C6TE2VFS.png)}.projects .cards .card:nth-of-type(3){background-image:url(/assets/tomkola1-BJ_2f58Y.png)}.projects .cards .card:nth-of-type(1),.projects .cards .card:nth-of-type(3){transform:scale(.9)}@media (min-width: 1024px){.projects .cards{flex-direction:row}}footer{display:flex;flex-direction:column;align-items:center;padding-top:4em;padding-bottom:2em;max-height:35vh;background:linear-gradient(0deg,#131315,#3d3d3d)}footer ul{position:relative;display:flex;justify-content:center;align-items:center}footer ul li{margin:2em 0;background:linear-gradient(90deg,transparent 10%,rgba(49,49,49,.6) 50%,transparent 90%);text-align:center;cursor:pointer}footer ul li a{display:block;padding:.8em 0;width:8em}@media (min-width: 1024px){footer{padding-top:8em}footer ul li{margin:2em}footer ul li a{width:10em}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000c;z-index:2}.modal__container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;padding:3%;width:90%;height:90vh;background:linear-gradient(0deg,#3d3d3d,#18181a);border:1px solid #b4b4b4;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain}.modal__container .modal__nav{display:flex;justify-content:space-between}.modal__container .modal__nav h2{padding:0 0 .5em}.modal__container .modal__nav .fa-rectangle-xmark{position:relative;z-index:3;font-size:4rem;color:#b4b4b4;cursor:pointer;transition:.3s}.modal__container .modal__nav .fa-rectangle-xmark:hover{color:#078597}.modal__container .modal__main{display:flex;flex-direction:column;flex-wrap:nowrap;height:100%}.modal__container .modal__main .modal__pictures{position:relative;display:flex;flex-direction:row;justify-content:space-around;margin:2em 0}.modal__container .modal__main .modal__pictures div{flex-basis:45%;width:100%;height:20vh;background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid #b4b4b4}.modal__container .modal__main .modal__text{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 1em}.modal__container .modal__main .modal__text p,.modal__container .modal__main .modal__text .modal__text--features{padding:2em 0}.modal__container .modal__main .modal__text .modal__text--features li{margin-left:1.2em;line-height:140%;list-style:square}.modal__container .modal__main .modal__text .modal__text--technologies{padding:2em 0;width:100%}.modal__container .modal__main .modal__text .modal__text--technologies li{margin:1em .5em;padding:1em;background-color:transparent;box-shadow:2px 2px 10px #000;text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:1px}.modal__container .modal__main .modal__text p{line-height:140%;font-family:IBM Plex Mono,sans-serif}.modal__container .modal__main .modal__text .modal__text--buttons{padding-bottom:2em;width:100%}.modal__container .modal__main .modal__text .modal__text--buttons ul{display:flex;justify-content:space-between}.modal__container .modal__main .modal__text .modal__text--buttons ul li{flex-basis:45%}.modal__container .modal__main .modal__text .modal__text--buttons ul li a{display:block;position:relative;background-color:transparent;border:1px solid #b4b4b4;font-family:Bebas Neue,sans-serif;font-size:2rem;text-transform:uppercase;letter-spacing:2px;color:#b4b4b4;overflow:hidden;transition:.5s;cursor:pointer;padding:1em 0;text-align:center}.modal__container .modal__main .modal__text .modal__text--buttons ul li a:hover{color:#fff}.modal__container .modal__main .modal__text .modal__text--buttons ul li a:after{position:absolute;z-index:-1;content:"";top:0;left:0;transform:translateY(102%);width:100%;height:100%;background:linear-gradient(90deg,#014e5999 18%,#07859799);transition:.3s}.modal__container .modal__main .modal__text .modal__text--buttons ul li a:hover:after{transform:translateY(0)}#unvisible{display:none}@media (max-width: 458px){.modal__text--buttons ul li a{display:block;position:relative;background-color:transparent;border:1px solid #b4b4b4;font-family:Bebas Neue,sans-serif;font-size:2rem;text-transform:uppercase;letter-spacing:2px;color:#b4b4b4;overflow:hidden;transition:.5s;cursor:pointer;height:100%}}@media (min-width: 1024px){.modal__container .modal__main{flex-direction:row;flex-wrap:wrap}.modal__container .modal__main .modal__pictures{flex-basis:30%;flex-direction:column;justify-content:space-between}.modal__container .modal__main .modal__pictures div{width:100%;height:100%}.modal__container .modal__main .modal__text{flex-basis:70%;padding-left:5em}.modal__container .modal__main .modal__text .modal__text--technologies{display:flex}.modal__container .modal__main .modal__text .modal__text--technologies li{flex-basis:30%}.modal__container .modal__main .modal__text .modal__text--technologies li:nth-of-type(1){margin-left:0}.modal__container .modal__main .modal__text .modal__text--technologies li:nth-last-of-type(1){margin-right:0}}@media (orientation: landscape) and (max-width: 1024px){.modal__container .modal__main .modal__pictures div{height:40vh}}.privacy{background:linear-gradient(0deg,#3d3d3d,#131315)}.privacy h2{padding:1.6em 0;text-align:center}.privacy p{margin:0 auto;padding:.5em;max-width:50em}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(0deg,#3d3d3d,#131315)}html{font-size:62.5%}ul{list-style:none}.active{color:#078597}h1,h2,h3,h4,p,ul,.about__img,form,.fa-bars{position:relative;z-index:1}#web--title{font-family:Bebas Neue,sans-serif;font-size:2.6rem;font-weight:400;letter-spacing:3px;color:#fff}h2{font-family:IBM Plex Mono,sans-serif;font-size:3rem;color:#b4b4b4}h2 span{color:#078597}h2#header__text--title{font-family:Open Sans,sans-serif;font-size:5rem}h2#header__text--animate{margin:0 auto;font-size:3rem}h2#header__text--animate span{color:#b4b4b4}h3{font-family:IBM Plex Mono,sans-serif;font-size:2.2rem;color:#b4b4b4}h3 span{color:#078597}h4{text-align:center;font-family:IBM Plex Mono,sans-serif;font-size:2rem;color:#078597}p{font-family:Open Sans,sans-serif;font-size:1.6rem;letter-spacing:1px;line-height:180%;text-align:justify;color:#b4b4b4}p#msg-status{letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:2rem;color:#b4b4b4}p#copy{margin-top:1em;font-family:IBM Plex Mono,sans-serif;font-size:1.2rem;letter-spacing:0}a{text-decoration:none;font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:2px;color:#fff}.modal__text li{font-family:IBM Plex Mono,sans-serif;font-size:1.6rem;color:#b4b4b4}@media (min-width: 1024px){h2{font-size:3.6rem}h2#header__text--title{margin:0;font-size:5rem;letter-spacing:3px}h2#header__text--animate{margin:0;font-size:4rem}h3{font-size:2.8rem}h4{font-size:2rem}p{font-size:1.6rem}p#msg-status{font-size:2rem}p#copy{font-size:1.4rem}a{font-size:1.8rem}.modal__text li{font-size:1.6rem}}