@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);:root{--bg-color:#fff;--typewriterSpeed:5s;--typewriterCharacters:22;--bg-color-css:#f7d51d;--bg-color-scss:#209cee;--bg-color-js:#e76e55;--bg-color-vue:#92cc41;--bg-color-git:#21262d;--bg-color-more:#631c03;--bg-color-all:red}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.main{margin:5%;-o-border-image:url("data:image/svg+xml;utf8,<?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20?%3E%3Csvg%20version=%221.1%22%20width=%225%22%20height=%225%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M2%201%20h1%20v1%20h-1%20z%20M1%202%20h1%20v1%20h-1%20z%20M3%202%20h1%20v1%20h-1%20z%20M2%203%20h1%20v1%20h-1%20z%22%20fill=%22rgb%2833,37,41%29%22%20/%3E%3C/svg%3E");border-image:url("data:image/svg+xml;utf8,<?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20?%3E%3Csvg%20version=%221.1%22%20width=%225%22%20height=%225%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M2%201%20h1%20v1%20h-1%20z%20M1%202%20h1%20v1%20h-1%20z%20M3%202%20h1%20v1%20h-1%20z%20M2%203%20h1%20v1%20h-1%20z%22%20fill=%22rgb%2833,37,41%29%22%20/%3E%3C/svg%3E");border-image-repeat:space;border-image-slice:2;border-image-width:2;border-image-outset:2;border-style:solid;border-width:4px;box-shadow:4px 8px #000,0 0 #000,8px 4px #000,0 0 #000}.main .title{display:table;padding:0 1rem;margin:-1.8rem 5rem 1rem;font-size:1.5rem;background-color:#fff;text-transform:uppercase}.landing{margin:0;min-height:100vh;display:grid;gap:2rem;place-content:center;text-align:center;background:var(--bg-color)}.landing h1{font-size:2rem;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content}.landing h1:after,.landing h1:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.landing h1:before{background:var(--bg-color);-webkit-animation:typewriter var(--typewriterSpeed) steps(var(--typewriterCharacters)) 1s forwards;animation:typewriter var(--typewriterSpeed) steps(var(--typewriterCharacters)) 1s forwards}.landing h1:after{width:.125em;background:#000;-webkit-animation:typewriter var(--typewriterSpeed) steps(var(--typewriterCharacters)) 1s forwards,blink .75s steps(var(--typewriterCharacters)) infinite;animation:typewriter var(--typewriterSpeed) steps(var(--typewriterCharacters)) 1s forwards,blink .75s steps(var(--typewriterCharacters)) infinite}.landing a{cursor:pointer;display:inline-block;transition:all .3s ease-out}.landing a:hover{transform:translateY(-3px)}.landing a:active{transform:translateY(-1px)}.landing .subtitle{font-size:1.5rem;font-weight:400;opacity:0;transform:translateY(3rem);-webkit-animation:fadeInUp 2s ease calc(var(--typewriterSpeed) + 2s) forwards;animation:fadeInUp 2s ease calc(var(--typewriterSpeed) + 2s) forwards}@-webkit-keyframes typewriter{to{left:100%}}@keyframes typewriter{to{left:100%}}@-webkit-keyframes blink{to{background:transparent}}@keyframes blink{to{background:transparent}}@-webkit-keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}[data-v-f3f0cbc8]:where(:not(iframe,canvas,img,svg,video):not(svg *)){all:unset;display:revert}[data-v-f3f0cbc8],[data-v-f3f0cbc8]:after,[data-v-f3f0cbc8]:before{box-sizing:border-box}ol[data-v-f3f0cbc8],ul[data-v-f3f0cbc8]{list-style:none}img[data-v-f3f0cbc8]{max-width:100%}table[data-v-f3f0cbc8]{border-collapse:collapse}textarea[data-v-f3f0cbc8]{white-space:revert}[data-v-f3f0cbc8],[data-v-f3f0cbc8]:after,[data-v-f3f0cbc8]:before{box-sizing:inherit}html[data-v-f3f0cbc8]{box-sizing:border-box;font-size:62.5%}body[data-v-f3f0cbc8]{font-family:Press Start\ 2P,monospace;font-weight:400;line-height:1.6}.footer[data-v-f3f0cbc8]{border-top:4px solid #d3d3d3;font-size:1.5rem;padding:2rem;color:#fff;background-color:#000;display:flex;align-items:center;justify-content:flex-end}.footer a[data-v-f3f0cbc8]{cursor:pointer;margin:0 1rem}.footer a[data-v-f3f0cbc8]:hover{transform:translateY(-3px)}.footer a[data-v-f3f0cbc8]:active{transform:translateY(-1px)}.header{border-bottom:4px solid #d3d3d3;font-size:1.5rem}.header nav{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;padding:30px}@media(min-width:40em){.header nav{flex-direction:row;font-size:2rem}}.header nav a{text-transform:uppercase;padding:.5rem 1rem;border-image-source:url("data:image/svg+xml;utf8,<?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20?%3E%3Csvg%20version=%221.1%22%20width=%225%22%20height=%225%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M2%201%20h1%20v1%20h-1%20z%20M1%202%20h1%20v1%20h-1%20z%20M3%202%20h1%20v1%20h-1%20z%20M2%203%20h1%20v1%20h-1%20z%22%20fill=%22rgb%2833,37,41%29%22%20/%3E%3C/svg%3E");border-image-repeat:round;border-image-slice:2;border-image-width:2;border-image-outset:2;border-style:solid;border-width:4px;box-shadow:4px 8px #000,0 0 #000,8px 4px #000,0 0 #000;color:#2c3e50;cursor:pointer;display:inline-block;transition:all .3s ease-out}.header nav a.router-link-exact-active{background-color:#e7e7e7}.header nav a:hover{transform:translateY(-3px)}.header nav a:active{transform:translateY(-1px)}.about{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(8rem,-webkit-fit-content) auto minmax(8rem,-webkit-fit-content);grid-template-rows:minmax(8rem,fit-content) auto minmax(8rem,fit-content)}.about img{border:2px solid #000;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about .section{transition:all 1s ease-out;padding:2rem;margin-bottom:10rem;font-size:1.2rem}@media(min-width:55em){.about .section{font-size:1.5rem}}.about .section--hidden{opacity:0;transform:translateY(8rem)}.about .section .boardgame__img{width:30%;height:30%;padding:1rem}.about .section .boardgame__img--right{border:none;float:right}.about .section .boardgame__img--left{border:none;float:left}.about .section .komputerowe{margin-top:2rem;display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:55em){.about .section .komputerowe{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr)}.about .section .komputerowe__item--1{grid-row:1/2;grid-column:1/3}.about .section .komputerowe__item--2{grid-row:1/2;grid-column:3/5}.about .section .komputerowe__item--3{grid-row:2/4;grid-column:2/4;z-index:1;transform:translateY(-50%)}.about .section .komputerowe__item--4{grid-row:2/3;grid-column:1/3}.about .section .komputerowe__item--5{grid-row:2/3;grid-column:3/5}}.about .section .bitewniaki{margin-top:2rem;display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:55em){.about .section .bitewniaki{grid-template-columns:repeat(2,1fr)}}.about .section .gory{margin-top:2rem;display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:55em){.about .section .gory{grid-template-columns:repeat(2,1fr)}}@media(min-width:65em){.about .section .gory{grid-template-columns:repeat(3,1fr)}}.project{-o-border-image:url("data:image/svg+xml;utf8,<?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20?%3E%3Csvg%20version=%221.1%22%20width=%225%22%20height=%225%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M2%201%20h1%20v1%20h-1%20z%20M1%202%20h1%20v1%20h-1%20z%20M3%202%20h1%20v1%20h-1%20z%20M2%203%20h1%20v1%20h-1%20z%22%20fill=%22rgb%2833,37,41%29%22%20/%3E%3C/svg%3E");border-image:url("data:image/svg+xml;utf8,<?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20?%3E%3Csvg%20version=%221.1%22%20width=%225%22%20height=%225%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M2%201%20h1%20v1%20h-1%20z%20M1%202%20h1%20v1%20h-1%20z%20M3%202%20h1%20v1%20h-1%20z%20M2%203%20h1%20v1%20h-1%20z%22%20fill=%22rgb%2833,37,41%29%22%20/%3E%3C/svg%3E");border-image-repeat:space;border-image-slice:2;border-image-width:2;border-image-outset:2;border-style:solid;border-width:4px;box-shadow:4px 8px #000,0 0 #000,8px 4px #000,0 0 #000}.project .title{display:table;padding:0 1rem;margin:-1.8rem 5rem 1rem;font-size:1.5rem;background-color:#fff;text-transform:uppercase;font-size:1.2rem}.project a{cursor:pointer}.project__details{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.project__details__buttons{display:flex;justify-content:center;align-items:center;margin:2rem;gap:2rem;color:#fff}.project__details__buttons button{width:10rem;text-align:center;transition:all .3s ease-out}.project__details__buttons button:hover{transform:translateY(-3px)}.project__details__buttons button:active{transform:translateY(-1px)}.project__details__buttons .git{background-color:var(--bg-color-git);box-shadow:0 .5em var(--bg-color-git),0 -.5em var(--bg-color-git),.5em 0 var(--bg-color-git),-.5em 0 var(--bg-color-git)}.project__details__buttons .next{background-color:var(--bg-color-more);box-shadow:0 .5em var(--bg-color-more),0 -.5em var(--bg-color-more),.5em 0 var(--bg-color-more),-.5em 0 var(--bg-color-more)}.projects .techs{display:flex;align-items:center;justify-content:flex-start;gap:2rem;margin:2rem;flex-wrap:wrap}.projects .tech{padding:.5rem 2rem;color:#000;cursor:pointer;text-align:center;width:10rem}.projects .tech:active{transform:translateY(-1px)}.projects .tech:focus,.projects .tech:focus-visible{color:#fff}.projects .tech--css{background-color:var(--bg-color-css);box-shadow:0 .5em var(--bg-color-css),0 -.5em var(--bg-color-css),.5em 0 var(--bg-color-css),-.5em 0 var(--bg-color-css)}.projects .tech--scss{background-color:var(--bg-color-scss);box-shadow:0 .5em var(--bg-color-scss),0 -.5em var(--bg-color-scss),.5em 0 var(--bg-color-scss),-.5em 0 var(--bg-color-scss)}.projects .tech--js{background-color:var(--bg-color-js);box-shadow:0 .5em var(--bg-color-js),0 -.5em var(--bg-color-js),.5em 0 var(--bg-color-js),-.5em 0 var(--bg-color-js)}.projects .tech--vue{background-color:var(--bg-color-vue);box-shadow:0 .5em var(--bg-color-vue),0 -.5em var(--bg-color-vue),.5em 0 var(--bg-color-vue),-.5em 0 var(--bg-color-vue)}.projects .tech--all{background-color:var(--bg-color-all);box-shadow:0 .5em var(--bg-color-all),0 -.5em var(--bg-color-all),.5em 0 var(--bg-color-all),-.5em 0 var(--bg-color-all)}.projects .project__card{padding:4rem;display:grid;grid-template-columns:1fr;grid-auto-rows:25rem;gap:4rem}@media(min-width:55em){.projects .project__card{grid-template-columns:repeat(2,1fr)}}@media(min-width:65em){.projects .project__card{grid-template-columns:repeat(3,1fr)}}.home{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(8rem,-webkit-fit-content) auto minmax(8rem,-webkit-fit-content);grid-template-rows:minmax(8rem,fit-content) auto minmax(8rem,fit-content)}.section__slider{position:relative;margin:0 auto;padding:4rem}.section__slider .slider{max-width:100rem;height:50rem;margin:0 auto;position:relative;overflow:hidden}.section__slider .slider .slide{cursor:pointer;position:absolute;top:0;width:100%;height:50rem;display:flex;align-items:center;justify-content:center;transition:transform 1s}.section__slider .slider .slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.section__slider .slider__btn{position:absolute;top:50%;z-index:10;border:none;background:transparent;font-family:inherit;color:#333;border-radius:50%;height:5.5rem;width:5.5rem;font-size:3.25rem;cursor:pointer}.section__slider .slider__btn--left{left:6%;transform:translate(-50%,-50%)}.section__slider .slider__btn--right{right:6%;transform:translate(50%,-50%)}:where(:not(iframe,canvas,img,svg,video):not(svg *)){all:unset;display:revert}*,:after,:before{box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{font-family:Press Start\ 2P,monospace;font-weight:400;line-height:1.6}.more{margin:5%;-o-border-image:url("data:image/svg+xml;utf8,<?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20?%3E%3Csvg%20version=%221.1%22%20width=%225%22%20height=%225%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M2%201%20h1%20v1%20h-1%20z%20M1%202%20h1%20v1%20h-1%20z%20M3%202%20h1%20v1%20h-1%20z%20M2%203%20h1%20v1%20h-1%20z%22%20fill=%22rgb%2833,37,41%29%22%20/%3E%3C/svg%3E");border-image:url("data:image/svg+xml;utf8,<?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20?%3E%3Csvg%20version=%221.1%22%20width=%225%22%20height=%225%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M2%201%20h1%20v1%20h-1%20z%20M1%202%20h1%20v1%20h-1%20z%20M3%202%20h1%20v1%20h-1%20z%20M2%203%20h1%20v1%20h-1%20z%22%20fill=%22rgb%2833,37,41%29%22%20/%3E%3C/svg%3E");border-image-repeat:space;border-image-slice:2;border-image-width:2;border-image-outset:2;border-style:solid;border-width:4px;box-shadow:4px 8px #000,0 0 #000,8px 4px #000,0 0 #000}.more .title{display:table;padding:0 1rem;margin:-1.8rem 5rem 1rem;font-size:1.5rem;background-color:#fff;text-transform:uppercase}