html{--color-page:#202020;--color-surface:#181818;--color-surface-strong:#141414;--color-surface-deep:#101010;--color-surface-hover:#202020;--color-text:#fff;--color-text-soft:hsla(0,0%,100%,.8);--color-text-muted:hsla(0,0%,100%,.6);--color-text-faint:hsla(0,0%,100%,.4);--color-border:hsla(0,0%,100%,.08);--color-border-strong:hsla(0,0%,100%,.16);--color-grid-line:hsla(0,0%,100%,.018)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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{padding:0;height:100%;scroll-behavior:smooth;zoom:100%}body,html{margin:0;width:100%;overflow-x:hidden}body{min-height:100%;background-color:var(--color-page);font-family:Arial,Helvetica,sans-serif}.external_link{filter:brightness(.7) sepia(1) hue-rotate(190deg) saturate(2)}canvas{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;transition:width .5s,height .6s,top .5s,left .5s;opacity:0;z-index:999;cursor:-webkit-grab;cursor:grab}canvas.loaded{animation:canvasFade 1.5s ease forwards}canvas:active{cursor:-webkit-grabbing;cursor:grabbing}@keyframes canvasFade{0%{opacity:0;transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}#avatar-bars{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;opacity:0;z-index:4;padding:40px;background-image:url(/images/AvatarBars.png);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;transition:width .6s,height .7s,top .6s,left .6s,padding .5s,opacity .5s}.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:rgba(5,5,5,.2);border-radius:10px}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4);border-radius:10px;-webkit-transition:background .3s;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.6)}.brackets{display:flex;justify-content:center;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:hsla(0,0%,100%,.55)!important;text-shadow:0 0 2px #000}.brackets:not(h1):hover{cursor:pointer}.brackets.hover:hover,.brackets:not(h1):hover{color:hsla(0,0%,100%,.9)!important}.brackets.hover{color:hsla(0,0%,100%,.75)!important}.brackets,.brackets:after,.brackets:before{transition:transform .4s,color .3s,opacity .3s}.brackets:after,.brackets:before{color:hsla(0,0%,100%,0);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:hsla(0,0%,100%,.9);opacity:1;transform:translateX(0)}.brackets.hover:hover:after,.brackets.hover:hover:before{color:hsla(0,0%,100%,.9);opacity:1}.brackets.hover:after,.brackets.hover:before{color:hsla(0,0%,100%,.75);opacity:1;transform:translateX(0)}.underline{display:flex;justify-content:center;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:hsla(0,0%,100%,.62)!important;text-shadow:0 0 2px #000;padding:0 4vw}.underline:hover{color:hsla(0,0%,100%,.75)!important}.underline,.underline:after{transition:all .2s linear}.underline:after{position:absolute;content:"";background-color:hsla(0,0%,100%,.75);width:calc(20px + 40%);height:1px;bottom:-20%;transform:scaleX(0)}.underline:hover:after{transform:scale(1);transition:all .2s ease}section#about{display:flex;align-items:center;min-height:calc(100vh - 100px);min-height:calc(100svh - 100px);background:radial-gradient(ellipse 94% 108% at 8% 48%,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02) 34%,hsla(0,0%,100%,.006) 62%,transparent 88%),linear-gradient(180deg,var(--color-page) 0,var(--color-page) 48%,#1f1f1f 72%,#1f1f1f 88%,var(--color-page) 100%),repeating-linear-gradient(90deg,var(--color-grid-line) 0 1px,transparent 1px 128px);position:relative;overflow:hidden}section#about:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34vh;background:linear-gradient(180deg,rgba(32,32,32,0) 0,rgba(31,31,31,.12) 34%,rgba(31,31,31,.34) 66%,var(--color-page) 100%);opacity:1;pointer-events:none}section#about>div{padding:20px;border-radius:20px;margin-left:50vw}#about-title{display:flex;flex-direction:column;color:#fff;z-index:2;position:relative;word-break:auto-phrase}#about-title p,#about-title>div>div:first-of-type{opacity:.85;line-height:175%;margin:0}#about-title p em{opacity:.5}#about-title p span,#about-title>div>div:first-of-type span{font-size:14px;background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.012)),var(--color-surface-strong);border-radius:8px;padding:5px 12px;margin:4px 4px 4px 0;word-break:keep-all;position:relative;transition:all .05s linear;border:1px solid var(--color-border);cursor:pointer}#about-title p span:hover,#about-title>div>div:first-of-type span:hover{background-color:var(--color-surface-hover);border:1px solid var(--color-border-strong)}#about-title small ul span{transition:all .05s linear}#about-title h1{font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;font-size:calc(12px + 3vw);margin:0;opacity:.85}#about-title small{display:flex;align-items:center;opacity:.7;color:hsla(0,0%,100%,.75);font-size:calc(14px + .25vw);margin-top:-1vw}#about-title small ul{display:flex;padding:0 5px}#about-title small ul li{padding:0 10px 0 0;font-size:calc(12px + .25vw)}#about-title small ul li.role-dot{display:flex;align-items:center;padding:0}#about-title small ul span{display:flex;justify-content:center;align-items:center;margin:0;padding:4px;font-size:3px;opacity:.6}#about-title p a{color:#fff;opacity:.9;text-decoration:none}#about-title p a>b{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}#about-title p a>b:before{content:"lukasz.frydrych@xsiadron.com";position:absolute;top:-20px;left:0;background-color:var(--color-surface-deep);font-size:0;opacity:0;padding:2.5px 10px;border-radius:10px;transition:all .1s ease}#about-title p a>b:hover:before{top:-40px;font-size:80%;opacity:1}#about-title h1 span{font-size:calc(8px + 1vw);opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}#build_projects,#build_projects>div{display:flex;flex-wrap:wrap;align-items:center}#programming_languages{line-height:250%!important}@media screen and (max-width:950px){#about-title{font-size:14px}#about-title p span,#about-title>div>div:first-of-type span{font-size:12px}}@media screen and (max-width:768px){#about-title{font-size:11px}#about-title p span,#about-title>div>div:first-of-type span{font-size:12px}#about-title h1{font-size:calc(8px + 2.5vw)}#about-title small{font-size:calc(10px + .25vw)}#about-title small ul li{padding-right:5px;font-size:calc(8px + .3vw)}section#about>div{margin-left:35vw}section#about{min-height:calc(100vh - 100px);min-height:calc(100svh - 100px);background:radial-gradient(ellipse 120% 86% at 4% 42%,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02) 36%,hsla(0,0%,100%,.006) 66%,transparent 92%),linear-gradient(180deg,var(--color-page) 0,var(--color-page) 46%,#1f1f1f 70%,#1f1f1f 88%,var(--color-page) 100%),repeating-linear-gradient(90deg,var(--color-grid-line) 0 1px,transparent 1px 112px)}}@media screen and (max-width:605px){#about-title p span,#about-title>div>div:first-of-type span{font-size:9px;border-radius:6px;padding:5px 6px;margin:2px}}@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{display:flex;align-items:flex-start;justify-content:center;flex-direction:column}#about-title p span{padding:2px 4px!important;margin:1px!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}}.App+.critical-about{display:none}.critical-about{display:flex;align-items:center;min-height:calc(100vh - 100px);min-height:calc(100svh - 100px);background:radial-gradient(ellipse 94% 108% at 8% 48%,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02) 34%,hsla(0,0%,100%,.006) 62%,transparent 88%),linear-gradient(180deg,var(--color-page) 0,var(--color-page) 48%,#1f1f1f 72%,#1f1f1f 88%,var(--color-page) 100%),repeating-linear-gradient(90deg,var(--color-grid-line) 0 1px,transparent 1px 128px);position:relative;overflow:hidden}.critical-about:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34vh;background:linear-gradient(180deg,rgba(32,32,32,0) 0,rgba(31,31,31,.12) 34%,rgba(31,31,31,.34) 66%,var(--color-page) 100%);opacity:1;pointer-events:none}.critical-about>div{padding:20px;border-radius:20px;margin-left:50vw}.critical-about-title{display:flex;flex-direction:column;color:#fff;z-index:2;position:relative;word-break:auto-phrase}.critical-about-title p,.critical-about-title>div>div:first-of-type{opacity:.85;line-height:175%;margin:0}.critical-about-title p span,.critical-about-title>div>div:first-of-type span{font-size:14px;background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.012)),var(--color-surface-strong);border-radius:8px;padding:5px 12px;margin:4px 4px 4px 0;word-break:keep-all;position:relative;border:1px solid var(--color-border)}.critical-about-title h1{font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;font-size:calc(12px + 3vw);margin:0;opacity:.85}.critical-about-title h1 span{font-size:calc(8px + 1vw);opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.critical-about-title small{display:flex;align-items:center;opacity:.7;color:hsla(0,0%,100%,.75);font-size:calc(14px + .25vw);margin-top:-1vw}.critical-about-title small ul{display:flex;padding:0 5px}.critical-about-title small ul li{padding:0 10px 0 0;font-size:calc(12px + .25vw)}.critical-about-title small ul li.role-dot{display:flex;align-items:center;padding:0}.critical-about-title small ul span{display:flex;justify-content:center;align-items:center;margin:0;padding:4px;font-size:3px;opacity:.6}.critical-build-projects,.critical-build-projects>div{display:flex;flex-wrap:wrap;align-items:center}.critical-programming-languages{line-height:250%!important}@media screen and (max-width:950px){.critical-about-title{font-size:14px}.critical-about-title p span,.critical-about-title>div>div:first-of-type span{font-size:12px}}@media screen and (max-width:768px){.critical-about-title{font-size:11px}.critical-about-title p span,.critical-about-title>div>div:first-of-type span{font-size:12px}.critical-about-title h1{font-size:calc(8px + 2.5vw)}.critical-about-title small{font-size:calc(10px + .25vw)}.critical-about-title small ul li{padding-right:5px;font-size:calc(8px + .3vw)}.critical-about>div{margin-left:35vw}.critical-about{min-height:calc(100vh - 100px);min-height:calc(100svh - 100px);background:radial-gradient(ellipse 120% 86% at 4% 42%,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02) 36%,hsla(0,0%,100%,.006) 66%,transparent 92%),linear-gradient(180deg,var(--color-page) 0,var(--color-page) 46%,#1f1f1f 70%,#1f1f1f 88%,var(--color-page) 100%),repeating-linear-gradient(90deg,var(--color-grid-line) 0 1px,transparent 1px 112px)}}@media screen and (max-width:605px){.critical-about-title p span,.critical-about-title>div>div:first-of-type span{font-size:9px;border-radius:6px;padding:5px 6px;margin:2px}}@media screen and (max-width:368px){.critical-about>div{margin-left:0}.critical-build-projects-text-block{display:flex;flex-direction:column;margin-left:35vw}.critical-build-projects{display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.critical-about-title p span{padding:2px 4px!important;margin:1px!important}}@media screen and (max-width:268px){.critical-about-title p{font-size:9px}.critical-about-title p span{font-size:7px}.critical-about-title h1{font-size:calc(6px + 2.5vw)}.critical-about-title small{font-size:calc(8px + .25vw)}.critical-about-title small ul li{font-size:calc(6px + .3vw)}.critical-about>div{padding:5px}}nav{position:fixed;justify-content:flex-end;align-items:center;width:100%;min-height:100px;background-color:rgba(32,32,32,.9);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:0 20px;z-index:3}nav,nav ul{display:flex}nav ul{list-style:none}nav ul li{margin:0 4vw}nav button{background:transparent;outline:none;border:none;cursor:pointer;font:inherit;font-size:15px;padding:0}@media screen and (max-width:768px){nav button{font-size:13px;padding:0 2vw!important}}@media screen and (max-width:600px){nav ul li{margin:0!important}}@media screen and (max-width:400px){nav{padding:0}nav button{font-size:12px;padding:0!important}}@media screen and (max-width:346px){nav{padding:0}nav ul{flex-direction:column}nav button{font-size:12px;padding:5px 0!important}}section#projects{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:15vh;padding:8vh 0;background:linear-gradient(180deg,rgba(32,32,32,0) 0,rgba(25,25,25,.2) 14%,hsla(0,0%,7%,.56) 30%,hsla(0,0%,5%,.88) 48%,hsla(0,0%,5%,.88) 58%,hsla(0,0%,7%,.56) 76%,rgba(25,25,25,.2) 91%,rgba(32,32,32,0) 100%),repeating-linear-gradient(90deg,var(--color-grid-line) 0 1px,transparent 1px 128px);overflow:hidden}section#projects>div{padding:0 clamp(18px,4vw,72px);width:100%}section#projects h1{color:hsla(0,0%,100%,.6);font-size:calc(25px + 1.5vw);margin:0 20px 52px;font-weight:lighter}div#projects-grid{display:grid;width:100%;max-width:none;margin:0 auto;justify-content:center;justify-items:center;grid-gap:clamp(14px,1.4vw,24px);gap:clamp(14px,1.4vw,24px);grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}@media screen and (max-width:768px){div#projects-grid{grid-template-columns:none}}section#skills{min-height:100vh;margin-top:15vh;padding:8vh 0;background:linear-gradient(180deg,rgba(32,32,32,0) 0,rgba(29,29,29,.18) 14%,rgba(25,25,25,.5) 30%,hsla(0,0%,9%,.82) 48%,hsla(0,0%,9%,.82) 58%,rgba(25,25,25,.5) 76%,rgba(29,29,29,.18) 91%,rgba(32,32,32,0) 100%),repeating-linear-gradient(90deg,var(--color-grid-line) 0 1px,transparent 1px 128px);overflow:hidden}section#skills,section#skills>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}section#skills>div{padding:0 clamp(18px,4vw,72px)}section#skills h1{color:hsla(0,0%,100%,.6);font-size:calc(25px + 1.5vw);font-weight:lighter;margin:0 20px 52px}section#skills h2{color:hsla(0,0%,100%,.3);font-size:calc(15px + .6vw);margin:20px;font-weight:lighter}div.skills-grid{display:grid;width:100%;max-width:none;justify-content:center;justify-items:stretch;align-items:stretch;grid-gap:clamp(12px,1.4vw,24px);gap:clamp(12px,1.4vw,24px);grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(105px,14vh)}div.skills-grid .skill:first-child{grid-column:span 2;grid-row:span 4}div.skills-grid .skill:nth-child(2),div.skills-grid .skill:nth-child(3),div.skills-grid .skill:nth-child(4),div.skills-grid .skill:nth-child(5){grid-column:span 2;grid-row:span 2}div.skills-grid .skill:nth-child(6){grid-column:1/-1;grid-row:span 1;min-height:0;padding-block:clamp(12px,1.4vw,22px)}div.skills-grid .skill:nth-child(6) img{width:clamp(32px,3vw,46px)}div.skills-grid .skill:nth-child(6) h1{font-size:clamp(1.15rem,1.45vw,1.55rem)!important;margin:10px 0 8px!important}div.skills-grid .skill:nth-child(6) p{line-height:1.4}@media screen and (max-width:1100px){div.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(240px,auto)}div.skills-grid .skill:nth-child(n){display:flex;grid-column:span 1;grid-row:span 1}}@media screen and (max-width:640px){section#skills{min-height:auto;padding:7vh 0}section#skills h1{margin-bottom:32px}div.skills-grid{grid-template-columns:1fr;grid-auto-rows:minmax(220px,auto)}}section#socials{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:clamp(180px,34vh,440px);padding:12vh 0 0;background:linear-gradient(180deg,rgba(32,32,32,0) 0,rgba(30,30,30,.2) 18%,rgba(26,26,26,.46) 38%,hsla(0,0%,8%,.76) 66%,var(--color-surface-strong) 88%,var(--color-surface-deep) 100%),repeating-linear-gradient(90deg,var(--color-grid-line) 0 1px,transparent 1px 128px);overflow:hidden}section#socials>div{padding:24px clamp(18px,4vw,72px);width:100%;background:linear-gradient(135deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.018) 46%,hsla(0,0%,100%,.006)),hsla(0,0%,7%,.94);border-top:1px solid var(--color-border);border-bottom:0}section#socials h1{color:hsla(0,0%,100%,.6);font-size:calc(25px + 1.5vw);margin:0 20px 52px;font-weight:lighter}.placeholder-grid{height:0!important;pointer-events:none!important}.placeholder-grid,section#socials div#grid{display:grid;width:100%;margin:0 auto;justify-content:center;justify-items:center;grid-gap:20px 10px;padding:0 10px;grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}section#socials div#grid>:last-child{width:100%;max-width:none;aspect-ratio:0}section#socials div#grid>*{display:flex;justify-content:center;align-items:center;width:100%;max-width:85px;aspect-ratio:1}@media (min-width:330px) and (max-width:430px){.placeholder-grid,section#socials div#grid{grid-gap:0 0;padding:0;grid-template-columns:repeat(auto-fit,minmax(70px,.8fr))}}@media screen and (max-width:768px){section#socials{margin-top:clamp(140px,28vh,280px);padding:10vh 0 0;background:linear-gradient(180deg,rgba(32,32,32,0) 0,rgba(30,30,30,.18) 20%,rgba(26,26,26,.38) 42%,hsla(0,0%,8%,.72) 70%,var(--color-surface-strong) 90%,var(--color-surface-deep) 100%),repeating-linear-gradient(90deg,var(--color-grid-line) 0 1px,transparent 1px 112px)}}footer{justify-content:space-between;align-items:center;width:100%;background-color:var(--color-surface-deep);padding:20px;color:hsla(0,0%,100%,.5);font-weight:lighter;font-size:12px}footer,footer div{display:flex}footer div p{margin:0 10px}footer div p a{color:inherit;cursor:pointer;transition:.4s ease-in-out}footer div p a:hover{cursor:pointer;color:#fff}@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:hsla(0,0%,100%,.8);--text-color-secondary:hsla(0,0%,100%,.9);--border-color:hsla(0,0%,100%,.8);--padding-horizontal:5vw}.app-privacy-policy body{margin:0;min-height:100%;width:100%;background-color:var(--background-color);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.app-privacy-policy .privacy-policy{color:var(--text-color);padding:var(--padding-horizontal);margin-top:50px;border-radius:8px}.app-privacy-policy .privacy-policy h2{font-weight:700;border-bottom:1px solid var(--border-color);color:var(--text-color-secondary);padding-bottom:10px;margin-bottom:20px}.app-privacy-policy .privacy-policy h3,.app-privacy-policy .privacy-policy p,.app-privacy-policy .privacy-policy ul{margin-top:30px;color:var(--text-color-muted)}.app-privacy-policy .privacy-policy ul{list-style-type:square;padding-left:20px;margin-bottom:20px}.app-privacy-policy .privacy-policy a{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 var(--padding-horizontal)}.app-privacy-policy nav div>button{padding:0}.box{flex-direction:column;justify-self:center;background:linear-gradient(135deg,hsla(0,0%,100%,.055),hsla(0,0%,100%,.015)),var(--color-surface);height:425px;color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 18px 42px rgba(0,0,0,.22);isolation:isolate;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}.box,.box>a{display:flex;align-items:center;width:100%;overflow:hidden;position:relative}.box>a{justify-content:center;height:40%;transition:height .32s ease}.box .background_image{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-position:50%;background-size:100vw;background-attachment:local;background-repeat:no-repeat;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .45s ease,filter .35s ease,background-position .35s ease}.box:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,hsla(0,0%,100%,.1),transparent 38%),linear-gradient(180deg,transparent 52%,hsla(0,0%,100%,.035));opacity:0;pointer-events:none;z-index:1;transition:opacity .28s ease}.box:hover{transform:translateY(-8px);background:linear-gradient(135deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.018)),var(--color-surface-strong);border-color:var(--color-border-strong);box-shadow:0 28px 70px rgba(0,0,0,.38)}.box:hover:before{opacity:1}.box:hover .background_image{transform:scale(1.08);filter:saturate(1.12) contrast(1.08) brightness(.82)}.box>a:hover~.box_text{opacity:1;overflow:hidden auto}.box .background_image img{width:auto;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .45s ease,opacity .35s ease}.box:hover .background_image img{transform:translateY(-4px) scale(1.05);opacity:.92}.box>div{padding:10px}.box>div h2{display:flex;justify-content:center;align-items:center;margin:0;color:hsla(0,0%,100%,.8);font-size:calc(14px + .3vw);letter-spacing:1px}.box>div h2 img::selection{background-color:transparent!important}.box>div p{color:hsla(0,0%,100%,.6);font-size:calc(13px + .1vw)}.box .box_text{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100%;height:100%;padding:15px;color:hsla(0,0%,100%,.5);overflow:hidden auto;position:relative;z-index:2;transition:opacity .25s ease,color .25s ease}@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{display:flex;justify-content:flex-start;align-items:center;width:100%}.box .box_title{display:flex;width:100%;text-decoration:none}.box:hover .box_title h2{color:hsla(0,0%,100%,.95);text-shadow:0 0 26px hsla(0,0%,100%,.12)}.box_footer{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 15px;background-color:hsla(0,0%,6%,.92);border-top:1px solid var(--color-border);position:relative;z-index:2;transition:background-color .28s ease,border-color .28s ease}.box:hover .box_footer{background-color:hsla(0,0%,5%,.96);border-color:var(--color-border-strong)}.box_footer_date{display:flex;align-items:center;gap:8px}.box_footer_date img{width:14px;height:14px;opacity:.7}.box_footer_date small{color:hsla(0,0%,100%,.7);font-size:12px}.box_footer_link{display:flex;align-items:center;gap:5px;text-decoration:none;transition:opacity .2s}.box_footer_link:hover{opacity:.8}.box_footer_link small{color:hsla(0,0%,100%,.8);font-size:12px}.box_footer_link .external_link{width:10px;height:10px;filter:brightness(0) invert(1);opacity:.72;transform:translateY(-1px)}.box_tags{margin-bottom:10px}.box_tag{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.012)),var(--color-surface);color:var(--color-text);padding:4px 12px;border-radius:8px;font-size:11px;border:1px solid var(--color-border);display:inline-block}.box_tag:hover{background:var(--color-surface-hover)}.box_tag:active{transform:translateY(0)}.skill{display:flex;justify-content:center;align-items:center;flex-direction:column;background:linear-gradient(135deg,hsla(0,0%,100%,.055),hsla(0,0%,100%,.015)),var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 18px 42px rgba(0,0,0,.22);padding:clamp(18px,2.4vw,38px);width:100%;min-height:100%;position:relative}.skill,.skill:hover{transition:all .2s ease-in-out}.skill:hover{transform:translateY(-6px) scale(1.015)!important;background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02)),var(--color-surface-hover);border-color:var(--color-border-strong)}.skill:before{content:"";position:absolute;top:14px;right:14px;width:42px;height:1px;background:hsla(0,0%,100%,.24);opacity:.5;transition:width .2s ease,opacity .2s ease}.skill:hover:before{width:72px;opacity:.9}.skill-gradient{position:absolute;bottom:0;left:0;width:100%;height:100%;background-size:cover;pointer-events:none}.skill h1{font-size:clamp(1.45rem,2vw,2.3rem)!important;margin:18px 0 12px!important;color:var(--color-text)!important;opacity:.9;font-weight:400!important}.skill h1,.skill p{width:100%;text-align:left;position:relative;z-index:1}.skill p{font-size:clamp(.9rem,.9vw,1.05rem)!important;margin:0!important;opacity:.8;font-weight:300!important;letter-spacing:.6px;line-height:1.65}.skill img{width:clamp(38px,4vw,64px);height:auto;opacity:.8;align-self:flex-start;position:relative;z-index:1}.skill img::selection{background-color:transparent!important}@media screen and (max-width:768px){.skill{min-height:220px;padding:22px}}@media screen and (max-width:300px){.skill h1{font-size:1rem!important}.skill p{font-size:.755rem!important}}.social{display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;transition:all .5s;-webkit-user-select:none;-moz-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:hsla(0,0%,100%,.4);margin:10px 0 0;font-size:15px;opacity:0}.social img,.social p{transition:all .5s;transform:translateY(15px)}.social img{width:35px;height:auto;opacity:.6}.social.patreon{flex-direction:row;background-color:#fff;padding:10px;border-radius:10px;border:none;outline:none;width:100%}.social.patreon img{opacity:1;margin:0 10px;transform:none}.social.patreon p{opacity:.8;margin:0;transform:none;color:#000;font-weight:600;background:none;transition:all .5s ease-in-out;transition:color .4s ease-in-out;text-shadow:1px 1px 5px rgba(0,0,0,.3)}.social.patreon:focus p,.social.patreon:hover p{opacity:1;animation:gold-shine 2s linear infinite;background:linear-gradient(90deg,#8b7500,#daa520,#fc0,gold,#b8860b);background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent}@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}}#timer{display:flex;justify-content:center;align-items:center;text-align:center;min-height:100vh;visibility:collapse}#secret_code_input{background-color:transparent;border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#timer #title{display:flex;justify-content:center;align-items:center}#timer h1{color:hsla(0,0%,100%,.1);padding:0 10px}#timer #title h1{color:hsla(0,0%,100%,.8);padding:0 10px;font-size:40px}#timer #title h2{color:hsla(0,0%,100%,.5);font-size:25px}#timer #counter{color:hsla(0,0%,100%,.8)}#timer #counter,#timer #counter div{display:flex;justify-content:center;align-items:center}#timer #counter div{flex-direction:column;width:100px;height:125px;margin:0 20px;padding:10px;border-radius:10px;background-color:#101010}#timer #counter div h3{font-size:40px;margin:0}#timer #counter div p{margin:0;font-size:15px}@media screen and (max-width:786px){#timer #counter div{width:65px;height:80px;margin:0 5px;padding:5px}#timer #counter div h3{font-size:20px}#timer #counter div p{font-size:10px}#timer #title h1{font-size:20px;padding:0 10px}#timer #title h2{font-size:15px}}.project-filter{margin:20px 0 30px;position:relative;z-index:1}.filter-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.search-container{display:flex;gap:10px;flex:1 1;min-width:0}.search-input{flex:1 1;min-width:0;background-color:var(--color-surface);border:1px solid transparent;border-radius:10px;padding:12px 20px;color:var(--color-text);font-size:16px;outline:none;transition:all .2s ease}.search-input::placeholder{color:hsla(0,0%,100%,.3)}.search-input:focus{background-color:var(--color-surface-hover)}.search-input:focus,.search-input:hover{border:1px solid hsla(0,0%,100%,.15)}.search-mode-toggle{display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border:1px solid transparent;border-radius:10px;padding:12px 20px;width:100px;flex-shrink:0;color:hsla(0,0%,100%,.8);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.search-mode-toggle:hover{background-color:var(--color-surface-hover);border:1px solid hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.95)}.clear-all-tags{background-color:transparent;border:1px solid hsla(0,100%,70%,.3);border-radius:10px;flex-shrink:0;padding:12px 20px;color:hsla(0,100%,79%,.9);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.clear-all-tags:hover{border-color:hsla(0,100%,70%,.5);background-color:hsla(0,100%,70%,.05)}.filter-tags{margin-top:15px}.tags-container{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;padding:15px 20px;background-color:var(--color-surface);border-radius:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.category-label{color:hsla(0,0%,100%,.62);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;font-style:italic;padding:0 5px}.tags-separator{width:2px;height:30px;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.2),transparent);margin:0 5px;flex-shrink:0}.tags-container::-webkit-scrollbar{height:8px}.tags-container::-webkit-scrollbar-track{background:transparent;border-radius:10px}.tags-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:10px}.tags-container::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.tag-button{background-color:var(--color-surface);border:1px solid transparent;border-radius:10px;padding:8px 16px;color:hsla(0,0%,100%,.7);font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tag-button:hover{background-color:var(--color-surface-hover);border:1px solid hsla(0,0%,100%,.15)}.active-tags-section{margin-top:15px;border-radius:10px}.active-tags-container{display:flex;flex-wrap:wrap;gap:8px}.active-tag{display:flex;align-items:center;gap:8px;background-color:var(--color-surface-deep);border:1px solid hsla(0,0%,100%,.15);border-radius:10px;padding:8px 12px;color:hsla(0,0%,100%,.95);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.active-tag:hover{background-color:var(--color-surface-hover);border:1px solid hsla(0,0%,100%,.15)}.remove-icon{font-size:20px;line-height:1;opacity:.8;transition:opacity .2s ease}.active-tag:hover .remove-icon{opacity:1}.box_tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.box_tag{background-color:var(--color-surface);border:1px solid transparent;border-radius:10px;padding:4px 10px;color:hsla(0,0%,100%,.8);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}.box_tag:hover{background-color:var(--color-surface-hover);border:1px solid hsla(0,0%,100%,.15)}.no-projects{text-align:center;padding:60px 20px;color:hsla(0,0%,100%,.5);font-size:18px}.no-projects p{margin:0;opacity:.7}@media (max-width:768px){.filter-header{flex-direction:column;align-items:stretch}.search-container{min-width:auto;width:100%}.clear-filters{width:100%}.tags-container{padding:15px}.tag-button{font-size:13px;padding:7px 14px}}@media (max-width:480px){.search-input{padding:10px 16px;font-size:14px}.filter-toggle{width:44px;height:44px;padding:10px}.filter-icon{font-size:20px}.tags-container{gap:8px;padding:12px}.tag-button{font-size:12px;padding:6px 12px}.box_tag{font-size:11px;padding:3px 8px}}
/*# sourceMappingURL=0124a00fb666285d.css.map*/