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}*{box-sizing:border-box}::selection{background-color:#fff!important;color:#101010!important}html{zoom:100%;height:100%;padding:0;scroll-behavior:smooth}body,html{margin:0;overflow-x:hidden;width:100%}body{background-color:#202020;font-family:Arial,Helvetica,sans-serif;min-height:100%}.external_link{filter:brightness(.7) sepia(1) hue-rotate(190deg) saturate(2)}canvas{align-items:center;animation:canvasFade 1.5s ease forwards;cursor:grab;display:flex;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:width .5s,height .6s,top .5s,left .5s;z-index:999}canvas:active{cursor:grabbing}@keyframes canvasFade{0%{opacity:0;transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}#avatar-bars{align-items:center;display:flex;justify-content:center;left:0;opacity:0;padding:40px;position:fixed;top:0;transition:width .6s,height .7s,top .6s,left .6s,padding .5s,opacity .5s;z-index:4}.App>main{padding-top:100px}@media screen and (max-width:786px){#avatar-bars{padding:40px}}@media screen and (max-width:450px){#avatar-bars{padding:20px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#05050533;border-radius:10px}::-webkit-scrollbar-thumb{background:#fff6;border-radius:10px;-webkit-transition:background .3s;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#fff9}.brackets{align-items:center;color:#fff6!important;display:flex;justify-content:center;position:relative;text-shadow:0 0 2px #000;-webkit-user-select:none;user-select:none}.brackets:not(h1):hover{cursor:pointer}.brackets.hover:hover,.brackets:not(h1):hover{color:#ffffffe6!important}.brackets.hover{color:#ffffffbf!important}.brackets,.brackets:after,.brackets:before{transition:transform .4s,color .3s,opacity .3s}.brackets:after,.brackets:before{color:#fff0;opacity:0}.brackets:before{content:"{";margin-right:10px;transform:translateX(20px)}.brackets:after{content:"}";margin-left:10px;transform:translateX(-20px)}.brackets:hover:after,.brackets:hover:before{color:#ffffffe6;opacity:1;transform:translateX(0)}.brackets.hover:hover:after,.brackets.hover:hover:before{color:#ffffffe6;opacity:1}.brackets.hover:after,.brackets.hover:before{color:#ffffffbf;opacity:1;transform:translateX(0)}.underline{align-items:center;color:#fff6!important;display:flex;justify-content:center;padding:0 4vw;position:relative;text-shadow:0 0 2px #000;-webkit-user-select:none;user-select:none}.underline:hover{color:#ffffffbf!important}.underline,.underline:after{transition:all .2s linear}.underline:after{background-color:#ffffffbf;bottom:-20%;content:"";height:1px;position:absolute;transform:scaleX(0);width:calc(20px + 40%)}.underline:hover:after{transform:scale(1);transition:all .2s ease}nav{align-items:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#202020e6;justify-content:end;min-height:100px;padding:0 20px;position:fixed;width:100%;z-index:3}nav,nav ul{display:flex}nav ul{list-style:none}nav ul li{cursor:pointer;font-size:15px}nav button{background:#0000;border:none;margin:0 4vw;outline:none}@media screen and (max-width:768px){nav ul li{font-size:13px;padding:0 2vw!important}}@media screen and (max-width:600px){nav button{margin:0!important}}@media screen and (max-width:400px){nav{padding:0}nav ul li{font-size:12px;padding:0!important}}@media screen and (max-width:346px){nav{padding:0}nav ul{flex-direction:column}nav ul li{font-size:12px;padding:5px 0!important}}section#about{align-items:center;background-color:#202020;display:flex;min-height:100vh;position:relative}section#about>div{border-radius:20px;margin-left:50vw;padding:20px}#about-title{color:#fff;display:flex;flex-direction:column;position:relative;word-break:auto-phrase;z-index:2}#about-title p{line-height:175%;margin:0;opacity:.85}#about-title p em{opacity:.5}#about-title p span{background-color:#151515;font-size:14px;margin:4px 4px 4px 0;padding:5px 6px;word-break:keep-all}#about-title p span,#about-title small ul span{transition:all .05s linear}#about-title p span:active,#about-title p span:hover,#about-title small ul span:active,#about-title small ul span:hover{box-shadow:-2px 0 0 0 #fff;transition:all .2s ease-in-out}#about-title h1{font-family:Arial,Helvetica,sans-serif;font-size:calc(12px + 3vw);letter-spacing:2px;margin:0;opacity:.85}#about-title small{align-items:center;color:#ffffffbf;display:flex;font-size:calc(14px + .25vw);margin-top:-1vw;opacity:.7}#about-title small ul{display:flex;padding:0 5px}#about-title small ul li{font-size:calc(12px + .25vw);padding:0 10px 0 0}#about-title small ul span{align-items:center;display:flex;font-size:3px;justify-content:center;margin:0;opacity:.6;padding:4px}#about-title p a{color:#fff;opacity:.9;text-decoration:none}#about-title p a>b{position:relative;-webkit-user-select:none;user-select:none}#about-title p a>b:before{background-color:#101010;content:"lukasz.frydrych@xsiadron.com";font-size:0;left:0;opacity:0;padding:5px;position:absolute;top:0;transition:all .2s}#about-title p a>b:hover:before{font-size:80%;opacity:1;top:-35px}#about-title h1 span{font-size:calc(8px + 1vw);opacity:.3;-webkit-user-select:none;user-select:none}#build_projects{display:flex;flex-wrap:wrap}@media screen and (max-width:768px){#about-title p{font-size:11px}#about-title p span{font-size:8px}#about-title h1{font-size:calc(8px + 2.5vw)}#about-title small{font-size:calc(10px + .25vw)}#about-title small ul li{font-size:calc(8px + .3vw);padding-right:5px}section#about>div{margin-left:35vw}section#about{min-height:75vh}}@media screen and (max-width:368px){section#about>div{margin-left:0}#build_projects_text_block{display:flex;flex-direction:column;margin-left:35vw}#build_projects{align-items:start;display:flex;flex-direction:column;justify-content:center}#about-title p span{margin:1px!important;padding:2px 4px!important}}@media screen and (max-width:268px){#about-title p{font-size:9px}#about-title p span{font-size:7px}#about-title h1{font-size:calc(6px + 2.5vw)}#about-title small{font-size:calc(8px + .25vw)}#about-title small ul li{font-size:calc(6px + .3vw)}#about-title h2{font-size:calc(4px + .25vw)}#about-title p span{margin:0!important}section#about>div{padding:5px}}section#skills{margin-top:15vh}section#skills,section#skills>div{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}section#skills>div{border-radius:10px;padding:20px}section#skills h1{color:#fff9;font-size:calc(25px + 1.5vw);font-weight:lighter;margin:0 20px 20px}section#skills h2{color:#ffffff4d;font-size:calc(15px + .6vw);font-weight:lighter;margin:20px}div.skills-grid{grid-gap:30px;display:grid;grid-template-columns:repeat(3,minmax(100px,min(700px,calc(100px + 20vw))));justify-content:center;justify-items:start;width:100%}@media screen and (max-width:950px){div.skills-grid{grid-template-columns:repeat(auto-fill,minmax(47%,0fr))}}@media screen and (max-width:550px){div.skills-grid{grid-template-columns:repeat(auto-fill,minmax(100%,0fr))}}.skill{align-items:center;background-color:#191919;border-radius:10px;box-shadow:0 0 5px 5px #0000001a;color:#fff;display:flex;flex-direction:column;height:calc(100px + 25vh + 2vw);justify-content:center;max-height:500px;max-width:700px;padding:5px 10px;position:relative;width:calc(100px + 20vw)}.skill,.skill:hover{transition:all .2s ease-in-out}.skill:hover{background:#0000;transform:scale(1.05)!important}.skill-gradient{background-size:cover;bottom:0;height:100%;left:0;pointer-events:none;position:absolute;width:100%}.skill h1{color:#fff!important;font-size:1.5rem!important;font-weight:400!important;margin:20px 10px 10px!important;opacity:.9;text-align:center;width:100%}.skill p{font-size:1rem!important;font-weight:300!important;letter-spacing:.6px;margin:0 10px 10px!important;text-align:center;width:80%}.skill img,.skill p{opacity:.8}.skill img::selection{background-color:initial!important}@media screen and (max-width:950px){.skill{width:100%}}@media screen and (max-width:768px){.skill{height:calc(150px + 27vh)}}@media screen and (max-width:550px){.skill{width:100%}}@media screen and (max-width:300px){.skill h1{font-size:1rem!important}.skill p{font-size:.755rem!important}}section#projects{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:15vh;width:100%}section#projects>div{padding:20px;width:100%}section#projects h1{color:#fff9;font-size:calc(25px + 1.5vw);font-weight:lighter;margin:0 20px 20px}div#projects-grid{grid-gap:20px 15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));justify-content:center;justify-items:center;width:100%}@media screen and (max-width:768px){div#projects-grid{grid-template-columns:none}}.box{align-items:center;background-color:#191919;border-radius:10px;box-shadow:0 0 5px 5px #0000001a;color:#fff;display:flex;flex-direction:column;height:500px;justify-self:center;overflow:hidden;width:100%}.box>a{height:40%;transition:all .3s}.box .background_image,.box>a{align-items:center;display:flex;justify-content:center;width:100%}.box .background_image{background-attachment:local;background-position:50%;background-repeat:no-repeat;background-size:calc(125vh + 25vw);height:100%;-webkit-user-select:none;user-select:none}.box>a:hover{height:45%}.box>a:hover~.box_text{opacity:.4;overflow:hidden}.box .background_image img{height:100%;-webkit-user-select:none;user-select:none}.box>div{padding:10px}.box>div h2{align-items:center;color:#fffc;display:flex;font-size:calc(14px + .3vw);justify-content:center;letter-spacing:1px;margin:0}.box>div h2 img::selection{background-color:initial!important}.box>div p{color:#fff9;font-size:calc(13px + .1vw)}.box .box_text{align-items:start;color:#ffffff80;display:flex;flex-direction:column;height:60%;justify-content:start;overflow:hidden auto;padding:15px;transition:all .3s;width:100%}@media (hover:none) and (pointer:coarse){.box .box_text{overflow:hidden}}.box .box_text::selection,.box .box_text:active,.box .box_text:hover{overflow:hidden auto}.box .box_text p{height:100%}.box .box_text small{margin:0 10px}.box .box_text div{align-items:center;display:flex;justify-content:start;margin:5px;width:100%}.box .box_specification img{height:15px;width:15px}.box .box_specification img::selection{background-color:initial!important}.box .box_title{display:flex;text-decoration:none;width:100%}.box .box_specification img{margin:0 5px}.box_specification{background-color:#151515;height:75px}.box_specification,section#socials{display:flex;flex-direction:column;width:100%}section#socials{align-items:center;justify-content:center;margin-top:25vh;overflow:hidden}section#socials>div{background-color:#181818;padding:10px;width:100%}section#socials h1{color:#fff9;font-size:calc(25px + 1.5vw);font-weight:lighter;margin:0 20px 20px}.placeholder-grid{height:0!important;pointer-events:none!important}.placeholder-grid,section#socials div#grid{grid-gap:20px 10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));justify-content:center;justify-items:center;padding:0 10px;width:100%}section#socials div#grid>:last-child{aspect-ratio:0;max-width:none;width:100%}section#socials div#grid>*{align-items:center;aspect-ratio:1;display:flex;justify-content:center;max-width:85px;width:100%}@media (min-width:330px) and (max-width:430px){.placeholder-grid,section#socials div#grid{grid-gap:0 0;grid-template-columns:repeat(auto-fit,minmax(70px,.8fr));padding:0}}.social{align-items:center;display:flex;flex-direction:column;justify-content:center;text-decoration:none;transition:all .5s;-webkit-user-select:none;user-select:none}.social:hover img{opacity:.95;transform:translateY(0)}.social:hover p{opacity:1;transform:translateY(-5px)}.social p{color:#fff6;font-size:15px;margin:10px 0 0;opacity:0}.social img,.social p{transform:translateY(15px);transition:all .5s}.social img{opacity:.6;width:35px}.social.patreon{background-color:#fff;border:none;border-radius:10px;flex-direction:row;outline:none;padding:10px;width:100%}.social.patreon img{margin:0 10px;opacity:1;transform:none}.social.patreon p{background:none;color:#000;font-weight:600;margin:0;opacity:.8;text-shadow:1px 1px 5px #0000004d;transform:none;transition:all .5s ease-in-out;transition:color .4s ease-in-out}.social.patreon:focus p,.social.patreon:hover p{animation:gold-shine 2s linear infinite;background:linear-gradient(90deg,#8b7500,#daa520,#fc0,gold,#b8860b);-webkit-background-clip:text;background-clip:text;background-size:200%;color:#0000;opacity:1}@keyframes gold-shine{0%{background-position:0}to{background-position:200%}}@media screen and (max-width:768px){.social img{width:30px}.social p{font-size:12px}}footer{align-items:center;background-color:#101010;color:#ffffff80;font-size:12px;font-weight:lighter;justify-content:space-between;padding:20px;width:100%}footer,footer div{display:flex}footer div p{margin:0 10px}footer div p a{cursor:pointer;transition:.4s ease-in-out}footer div p a:hover{color:#fff;cursor:pointer}@media screen and (max-width:768px){footer{flex-direction:column}}@media screen and (max-width:384px){footer{font-size:10px}}:root{--background-color:#202020;--text-color:#fff;--text-color-muted:#fffc;--text-color-secondary:#ffffffe6;--border-color:#fffc;--padding-horizontal:5vw}.app-privacy-policy body{background-color:#202020;background-color:var(--background-color);font-family:Arial,Helvetica,sans-serif;margin:0;min-height:100%;overflow-x:hidden;width:100%}.app-privacy-policy .privacy-policy{border-radius:8px;color:#fff;color:var(--text-color);margin-top:50px;padding:5vw;padding:var(--padding-horizontal)}.app-privacy-policy .privacy-policy h2{border-bottom:1px solid #fffc;border-bottom:1px solid var(--border-color);color:#ffffffe6;color:var(--text-color-secondary);font-weight:700;margin-bottom:20px;padding-bottom:10px}.app-privacy-policy .privacy-policy h3,.app-privacy-policy .privacy-policy p,.app-privacy-policy .privacy-policy ul{color:#fffc;color:var(--text-color-muted);margin-top:30px}.app-privacy-policy .privacy-policy ul{list-style-type:square;margin-bottom:20px;padding-left:20px}.app-privacy-policy .privacy-policy a{color:#ffffffe6;color:var(--text-color-secondary);text-decoration:underline}.app-privacy-policy .privacy-policy a:hover{opacity:.8}.app-privacy-policy .brackets,.app-privacy-policy button,.app-privacy-policy ul{padding:0}.app-privacy-policy button{padding:0 5vw;padding:0 var(--padding-horizontal)}.app-privacy-policy nav div>button{padding:0}
/*# sourceMappingURL=main.2548e505.css.map*/