main a[href*="//"]:not([href*="tolga.egilmezel.com"]),main a[href*="mailto:"] {display: inline-block;color: currentcolor;text-decoration: none;text-underline-offset: 25%;text-decoration-thickness: 14%;&:hover,&.active {text-decoration-line: underline;}&::after {content: "";display: inline-block;width: 16px;height: 16px;margin-left: 4px;background-position: center;background-repeat: no-repeat;background-size: contain;}}main a[href*="//"]:not([href*="tolga.egilmezel.com"])::after {background-image: var(--link-external-icon);}main a[href*="mailto:"]::after {background-image: var(--link-email-icon);}header{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:var(--space-padding);background-color:var(--color-black);color:var(--color-white);font-size:1rem}@media(width >= 65.5rem){header{flex-direction:row;align-items:center;min-height:6.25rem;height:6.25rem;background-color:rgba(0,0,0,0);color:var(--secondary-color)}}header .logo{display:flex;flex-direction:row;align-items:center;justify-content:space-between}header .logo a{--logo-width: 60px;aspect-ratio:1/1;width:var(--logo-width);height:auto}@media(width >= 65.5rem){header .logo a{position:absolute;top:80px;left:40px;--logo-width: 200px;z-index:102}header .logo a.end{left:auto;right:2.5rem}}header nav{margin-top:2rem;flex-grow:1;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;color:currentcolor;font-size:32px}@media(width >= 65.5rem){header nav{margin-top:0;flex-grow:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3.75rem;font-size:1rem}}header nav a{text-transform:uppercase;color:currentcolor;text-decoration:none;text-underline-offset:25%;text-decoration-thickness:14%}header nav a:hover,header nav a.active{text-decoration-line:underline}header #menu-toggle{display:none}header .menu-toggle{visibility:hidden;position:relative;display:flex;width:100%;height:100%;min-height:48px;font-size:1rem}@media(width >= 65.5rem){header .menu-toggle{visibility:hidden;display:none}}header .menu-toggle::before,header .menu-toggle::after{position:absolute;top:0;right:0;width:48px;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;color:currentColor}header .menu-toggle::before{content:attr(data-name);visibility:visible}header .menu-toggle::after{content:attr(data-toggle);visibility:hidden}header:has(#menu-toggle:checked) .menu-toggle::before{visibility:hidden}header:has(#menu-toggle:checked) .menu-toggle::after{visibility:visible}header:has(#menu-toggle:checked) nav{display:flex}a.skip-link{position:absolute;top:-999px;left:0;z-index:103;visibility:visible}a.skip-link:active,a.skip-link:focus{top:0;padding:1rem var(--space-padding);color:#000;font-size:var(--font-size);text-align:center;background-color:#fff;visibility:visible}footer{--content-padding: 1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--color-white);color:var(--color-black)}footer .top{padding:1rem;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:1.6667rem}@media(width >= 65.5rem){footer .top{flex-direction:row}}footer .top nav{flex-grow:1;margin-top:2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:currentcolor;font-size:1.6667rem}footer .top nav a{color:currentcolor;text-transform:uppercase;text-decoration:none;text-underline-offset:25%;text-decoration-thickness:14%;white-space:nowrap}footer .top nav a:hover,footer .top nav a.active{text-decoration-line:underline}footer .top nav a:nth-last-child(3),footer .top nav a:nth-last-child(2),footer .top nav a:nth-last-child(1){font-size:1.1667rem}footer .top .note{position:relative;overflow:hidden;padding:2rem;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:1rem;background-color:var(--color-black);color:var(--color-white)}footer .top .note p{text-wrap:balance}footer .top .note p strong{white-space:nowrap}footer .top .note .shadow{position:relative;overflow:hidden;min-width:40%}footer .top .note .shadow::after{position:absolute;top:-4rem;right:3rem;content:attr(data-text);width:50%;color:var(--color-orange);font-size:96px;line-height:68px;user-select:none;transform:rotate(-16deg)}@media(width >= 65.5rem){footer .top .note .shadow::after{line-height:80px}}footer .bottom{margin-bottom:2rem;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;min-height:140px;color:var(--color-black)}@media(width >= 65.5rem){footer .bottom{gap:2rem;flex-direction:row}}footer .bottom .social{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}footer .bottom .green{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start}footer .bottom .label{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.375rem}footer .bottom .label .issue{display:inline-flex;flex-direction:row;align-items:center;justify-content:space-between}footer .bottom .label .issue::before{content:"";width:24px;height:24px;background-color:var(--color-seasalt);box-shadow:24px 0 0 0 var(--color-yellow),48px 0 0 0 var(--color-orange),72px 0 0 0 var(--color-blue),96px 0 0 0 var(--color-black)}footer .bottom .label .build{font-size:16px;text-align:right}footer .bottom .label .build img{display:inline}footer .bottom a{--link-spotify-icon: url(/public/image/spotify@1x.webp);--link-bsky-icon: url(/public/image/bluesky@1x.webp);--link-linkedin-icon: url(/public/image/linkedin@1x.webp)}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2){footer .bottom a{--link-spotify-icon: url(/public/image/spotify@2x.webp);--link-bsky-icon: url(/public/image/bluesky@2x.webp);--link-linkedin-icon: url(/public/image/linkedin@2x.webp)}}@media only screen and (-webkit-min-device-pixel-ratio: 3),only screen and (min-device-pixel-ratio: 3){footer .bottom a{--link-spotify-icon: url(/public/image/spotify@3x.webp);--link-bsky-icon: url(/public/image/bluesky@3x.webp);--link-linkedin-icon: url(/public/image/linkedin@3x.webp)}}@media only screen and (-webkit-min-device-pixel-ratio: 4),only screen and (min-device-pixel-ratio: 4){footer .bottom a{--link-spotify-icon: url(/public/image/spotify@4x.webp);--link-bsky-icon: url(/public/image/bluesky@4x.webp);--link-linkedin-icon: url(/public/image/linkedin@4x.webp)}}footer .bottom a[href*="//open.spotify.com"]::before,footer .bottom a[href*="//bsky.app"]::before,footer .bottom a[href*="//www.linkedin.com"]::before{content:"";display:inline-block;width:32px;height:32px;margin-right:12px;background-position:center;background-repeat:no-repeat;background-size:contain}footer .bottom a[href*="//open.spotify.com"]::before{background-image:var(--link-spotify-icon)}footer .bottom a[href*="//bsky.app"]::before{background-image:var(--link-bsky-icon)}footer .bottom a[href*="//www.linkedin.com"]::before{background-image:var(--link-linkedin-icon)}footer .bottom a[href*="//open.spotify.com"],footer .bottom a[href*="//bsky.app"],footer .bottom a[href*="//www.linkedin.com"]{display:inline-flex;align-items:center;font-size:16px;color:currentColor;text-decoration:none;text-underline-offset:25%;text-decoration-thickness:14%}@media(width >= 65.5rem){footer .bottom a[href*="//open.spotify.com"],footer .bottom a[href*="//bsky.app"],footer .bottom a[href*="//www.linkedin.com"]{font-size:20px}}footer .bottom a[href*="//open.spotify.com"]:hover,footer .bottom a[href*="//open.spotify.com"].active,footer .bottom a[href*="//bsky.app"]:hover,footer .bottom a[href*="//bsky.app"].active,footer .bottom a[href*="//www.linkedin.com"]:hover,footer .bottom a[href*="//www.linkedin.com"].active{text-decoration-line:underline}footer .footprint{padding:1rem;--color: var(--color-white);background-color:var(--color-black);color:var(--color-white);text-align:center}