:root{font-family:Nunito Sans,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-accent: rgb(255, 255, 255);--secondary-text: #41394c;--display-font: "Poltawski Nowy", serif;--main-text: "Nunito Sans", sans-serif;--page-margin-padding: 0 14em 0 13em}.nunito-sans{font-family:Nuwnito Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100,"YTLC" 500}.poltawski-nowy{font-family:Poltawski Nowy,serif;font-optical-sizing:auto;font-weight:500;font-style:normal}*{cursor:inherit}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;min-height:100vh}body{background:linear-gradient(217deg,#874dff,transparent 70.71%),linear-gradient(127deg,#ffb260,transparent 70.71%),linear-gradient(336deg,#b382ff,transparent 70.71%)}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}.landing-container{width:90vw;height:90vh;position:relative;background-color:#fff6;border-radius:4em;box-shadow:0 4px 30px #fff6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fadeIn 1s ease-in}.lockscreen-container{height:100%;width:100%;display:flex;justify-content:center}.clock-face{font-family:var(--main-text),sans-serif;font-size:1.5em;font-weight:700;color:#fff;margin-top:1em;background-color:#6b608acc;padding:.2em 1.3em;border-radius:2em}.main-button{cursor:pointer;padding:1em 2em;font-size:1em;color:#6b608a;font-weight:700;background:#fff6;background-size:cover;background-blend-mode:overlay;border-radius:2em;outline:.1em solid rgba(255,255,255,40%);border:0;box-shadow:0 4px 30px #fff6;transition:all .3s ease-in-out;margin-bottom:6em}.main-button:hover{transform:scale(1.01);cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAwBJREFUeAHtl81O20AQx2dtpwqthNzQSj0QtDwBvlSEntxbjxx7K28Q+gQlt94anqDwBrxBw6XkGJ4Aq6QSUgsY2gqL2DudMR9NpVBsLz0xPynxev2xszOz/x0DCIIgCIIgCPcTBZZoHfrw61yDQQ0ZDkY1x6+5Jk7oWj2px1Hciwu9x2/pKO5H+llLAz2ceqC93EInjr59HsB/orQDeMLZj2QZlFpQBk9QQeRm0GPjCz3/9EUAI4AoLjYpdkzmQqgQfaMcrQAHbo3GOyg23m0UcgBP2pwmbZpsyOd07HhpfVA0uuM0Z1orfNw/7G9ABZozS8tkQRtR+Q6YTeeB2rJxxj8dwOmYjeAjIE1cQY8nPvze74EFc42lrqFRh4c7q2ABZ4Zx4BNSk2zboKzoVHGEAzcautjOzmGPJ49KrVPEXtpOnkGFC5TGC2AJL7kvR/15ckCHbFxhW+carXdQkokOmKUXIahufkKRt43WOLSWA/JCAHfE8Ki/xjZym5yxRhlWylZvUidl6MqfM7MOFbjaHTJjAhZMyCeOATnWZ1ObjcVj6h/kP8Rdl8Q0qpxhimzEkFvkBM6CbtEnJ2YApagPlkRRL07R+KzeaC60Rv01xgVX1yDNYu2H1uOS7aWE2Zvc7XTItA+X7Tb9bUEFLjWjN95H2nKM5Hdav4/hzsD22MkmlMCd1HlyNuxPT80qCk0ILLhTs9y3DXfA9MPmKwrTwenZsJShN0FrngP1mtuUTG9JE96Xef7GXYDFxTUwT81NFpdmo7WXV2mWKFS7pAO7YIl+0gqppqBtEFdZBNnWr0c7hdf+tT1FbrrYc5EKEOcNbWMxi87+4U6lZWFTCOXC+jMJMsyFjrQTtj1T71YpyK4oXwpfl6a8lZmIaoS4TGlavRQGTSnuK0WlcInS+zasP4YY7T8PUs/1c0VNIeJD/mFDEePdoNA76N4kSXz+gBrVzjV/UEHCTk7pfY8imygLgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIgnA/+Q0w0E8RwF3yswAAAABJRU5ErkJggg==) auto;background:radial-gradient(circle at bottom,#6c35e11a,#fff6)}.main-button:active{background-color:#9b7fff7f;transform:scale(.95);color:#581070b3}.title-name{font-family:var(--display-font),serif;font-size:6em;color:#564b71;font-weight:700;text-shadow:0 4px 30px rgba(255,255,255,.3)}.title-subtext{font-family:var(--main-text),sans-serif;font-size:2em;letter-spacing:.2em;color:#564b71;font-weight:600}.lockscreen-inner{flex-direction:column;display:flex;justify-content:space-between;align-items:center;height:100%;padding-top:2em;width:100%}.landing-title{flex-direction:column;display:flex;justify-content:space-between;align-items:center}.container-content{width:90vw;height:90vh;flex-direction:column;overflow:hidden;display:flex;border-radius:2.5em;box-shadow:0 4px 30px #fff6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:3px solid var(--main-accent);background-color:#ffffff4d}.scrollable-content{flex:1;overflow-y:scroll}.box-content{padding-top:2em;margin:var(--page-margin-padding);text-align:left}.page-title{padding:0 0 0 30px;width:30em;text-align:left;display:flex;border-radius:2em;box-shadow:0 4px 30px #fff6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:3px solid var(--main-accent)}.page-title h1{color:var(--main-accent);font-size:2em;font-family:Nunito Sans,serif}.box-content h2{color:var(--main-accent);font-family:Nunito Sans,serif;font-size:1.7em}.divider{border-bottom:3px solid var(--main-accent);color:var(--main-accent);font-family:Nunito Sans,serif;height:1em;padding:20px 16px;display:flex;align-items:center;margin:var(--page-margin-padding)}.divider ul{list-style-type:none;margin:0;padding:0;display:flex;gap:10px}.divider li{font-size:1.3em}.nav-button{color:#fff;padding:.3em 1.2em;border-radius:2em;transition:all ease .3s;cursor:pointer;font-weight:600}.nav-button:hover{background-color:#c4b4ff99}.nav-button:active{background-color:#9b7fff99}.page-title h1 span{color:#7770d9;cursor:default;font-family:var(--display-font),serif}.page-title h1 span:hover{color:#6159d3;transition:all ease .3s}.page-content{padding-top:2em;margin:var(--page-margin-padding);text-align:left}.browser-header{border-bottom:3px solid var(--main-accent);box-shadow:0 4px 30px #fff6;height:5vh;padding:20px 16px;display:flex;align-items:center;position:relative;z-index:100}.search-bar{position:relative;width:30em;text-align:left;margin:0 auto;border-radius:2.5em;box-shadow:0 4px 30px #fff6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:3px solid var(--main-accent);display:flex;align-items:center}.search-bar p{color:#fff;cursor:pointer;font-family:Nunito Sans,sans-serif}.icon{padding:10px}.window-dots{display:flex}.dot-exit,.dot-min,.dot-full{padding:5px;transition:all ease .6s}.dot-exit:hover circle{fill:#f96262;cursor:pointer;transition:all ease .6s}.dot-min:hover circle{fill:#ffc65f;cursor:pointer;transition:all ease .6s}.dot-full:hover circle{fill:#afee8b;cursor:pointer;transition:all ease .6s}.hero-image{width:12em;height:auto;border-radius:100%;border-style:solid;border-width:4px;border-color:#fff;transition:all .3s ease-in-out}.hero-image:hover{box-shadow:0 4px 30px #ffffffb3;transform:scale(1.03);transition:all .3s ease-in-out}.about-container{display:flex;flex-direction:column;align-items:center;margin-top:2em}.about-content{display:flex;flex-direction:row;justify-content:center;gap:4em}.about-content h1{font-size:4em;margin:0;font-family:var(--display-font);font-style:italic;color:#564b71}.about-details{display:flex;flex-direction:row;align-items:flex-start;gap:5em;margin:2em 0 4em}.section-title{display:flex;flex-direction:row;align-items:center;gap:.5em}.works-container{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:1em}@keyframes bounce{0%{transform:translateY(0)}10%{transform:translateY(-2%)}to{transform:translateY(0)}}.card-folder{display:flex;flex-direction:column;align-items:flex-start;padding-right:1em;padding-bottom:3em;flex-wrap:wrap;max-width:150px}.card-folder img{width:10em;height:auto;transition:transform .3s ease;filter:drop-shadow(0 4px 5px rgba(255,255,255,20%))}.card-folder img:hover{animation:bounce .5s;transition:transform .3s ease}.card-folder h5{margin:0;color:var(--secondary-text);padding-left:5px;padding-right:5px}.card-folder p{margin:0;color:var(--secondary-text);padding-left:5px;padding-right:5px;padding-top:10px}.card-folder img{margin-bottom:1.5em}.project-tag{margin:0 9px 10px 0;background-color:#fff;border-radius:1.8em;padding:7px 15px;display:inline-flex;font-size:.7em;border:2px dotted rgb(195,167,255)}.tech-pill{margin:0 9px 10px 0;cursor:default;background-color:#ffffff4d;border-radius:1.8em;padding:7px 25px;display:inline-flex;font-size:1em;box-shadow:0 4px 30px #fff6;color:var(--secondary-text)}.project-description{display:flex;flex-direction:column;width:100%}.project-details-container{padding-bottom:1em}.back-button{border-radius:8px;border:1px solid transparent;padding:.3em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:var(--secondary-text);background-color:#ffffffb3;cursor:pointer}.back-button:hover{color:var(--secondary-text);background-color:#fff6;transition:all ease .3s}.back-button:active{background-color:#fff}.back-button svg{padding-right:10px;padding-top:5px}.back-button svg path{fill:var(--secondary-text)}.project-heading h2{font-size:3em;margin:0;font-family:var(--display-font);font-style:italic;color:#564b71}.heading-strip{display:flex;flex-direction:column;align-items:center;gap:2em;margin-bottom:2em;margin-top:2em}.project-image{width:100%}.img-gallery{display:flex;flex-direction:row;gap:2em;margin-bottom:2em}.img-gallery img{width:50%;border-radius:20px}.quadrant-grid{display:grid;grid-template-columns:1fr 1fr;gap:1em;margin-top:1rem;margin-bottom:1rem;width:100%}.quadrant-card{background:#fff3;border-radius:1em;padding:1em 2em;display:flex;flex-direction:column;gap:.5em}.quadrant-card img{border-radius:1em;cursor:pointer}@media(max-width:768px){.quadrant-grid{grid-template-columns:1fr}}.centered-image-container{display:flex;justify-content:center;width:100%;margin:1em 0}.centered-image-container img{width:100%;height:auto;border-radius:1em}