.header{width:100%;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:32px;position:sticky;top:0;background-color:var(--iris-10);color:var(--iris-1);z-index:1}.header img{color:var(--iris-1);height:32px}.header .links{align-items:center;display:flex;gap:32px}.mail{border-bottom:2px solid var(--iris-1)}.intro{width:100%;padding:128px 0;color:var(--iris-2);text-align:center;position:relative;overflow:hidden}.intro-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px}.intro-content h1{white-space:break-spaces}.logo{color:var(--iris-1);height:136px}.about{max-width:640px;display:flex;flex-direction:column;gap:64px;margin:0 auto;padding:128px 0}.about-block{display:flex;align-items:center;gap:32px}.about-block .title-large{margin-bottom:16px}.about-block .title-small{margin-bottom:8px}.anna{width:200px;height:200px;border:4px solid var(--iris-7)}.projects{background-color:var(--iris-2);border-bottom:1px solid var(--iris-4);border-top:1px solid var(--iris-4);padding:128px 0}.projects-content{display:flex;flex-direction:column;gap:64px;margin:0 auto;max-width:896px}.projects-content .title-large{text-align:center}.contact{align-items:center;display:flex;flex-direction:column;gap:64px;justify-content:center;padding:128px 0;text-align:center}.outro{align-items:center;background-color:var(--iris-2);border-top:1px solid var(--iris-4);display:flex;flex-direction:column;gap:32px;justify-content:center;padding:64px 0}@media (max-width: 768px){.intro{height:calc(100vh - 64px);padding:0 32px}.intro-content{padding-top:128px}.logo{height:102px}.about{padding:64px 32px;text-align:center}.about-block{flex-direction:column-reverse;text-align:center}.projects{padding:64px 32px}.projects-content{gap:32px}.contact,.outro{padding:64px 32px}}.pixels{width:100%;height:100%;top:0;right:0;z-index:-1;background-color:var(--iris-9);position:absolute}.pixel{opacity:0;width:8px;height:8px;position:absolute;animation:blink 2s linear infinite alternate}@keyframes blink{0%{opacity:0}20%{opacity:1}to{opacity:1}}@media (max-width: 768px){.pixel{width:6px;height:6px}}.project-wrapper:not(:last-child){border-bottom:1px solid var(--iris-4);padding-bottom:64px}.project{align-items:flex-start;display:flex;gap:32px}.project img{aspect-ratio:16/9;border-radius:6px;border:1px solid var(--iris-4);flex-shrink:0;object-fit:cover;width:448px}.project .title-small{font-weight:var(--font-weight-semibold);margin-bottom:8px}.project .body:not(:last-child){margin-bottom:16px}.project .links{align-items:center;display:flex;gap:16px}.tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag{background-color:var(--iris-9);border-radius:3px;color:var(--iris-2);display:flex;font-size:var(--font-size-xsmall);padding:4px 8px;text-transform:uppercase}@media (max-width: 768px){.project-wrapper{border:none!important;padding-bottom:0!important}.project{background-color:var(--iris-1);border-radius:6px;border:1px solid var(--iris-4);flex-direction:column!important;gap:0;overflow:hidden}.project .text{padding:16px}.project img{border-radius:0;border:none;border-bottom:1px solid var(--iris-4);width:100%}}html{margin:0}body{--iris-1: #fdfdff;--iris-2: #f8f8ff;--iris-3: #f0f1fe;--iris-4: #e6e7ff;--iris-7: #b8baf8;--iris-9: #5b5bd6;--iris-10: #5151cd;--iris-12: #272962;--tomato-7: #f5a898;--tomato-9: #e54d2e;--tomato-11: #d13415;--font-size-xsmall: .75em;--font-size-small: 1em;--font-size-medium: 1.25em;--font-size-large: 1.75em;--line-height-paragraph: 1.5;--line-height-heading: 1.3;--font-weight-normal: 400;--font-weight-semibold: 600;margin:0;min-width:320px;font-family:Cabin,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--iris-1);color:var(--iris-12)}#root{width:100%;position:relative}p,h1,h2{margin:0}.body{font-size:var(--font-size-small);line-height:var(--line-height-paragraph);font-weight:var(--font-weight-normal)}.body a{font-weight:var(--font-weight-semibold);border-bottom:1px dashed var(--iris-12)}.title-large{font-size:var(--font-size-large);line-height:var(--line-height-heading);font-weight:var(--font-weight-semibold)}.title-small{font-size:var(--font-size-medium);line-height:var(--line-height-heading);font-weight:var(--font-weight-normal)}a{all:unset;cursor:pointer}a:hover{opacity:.7}a:focus-visible{outline:2px solid var(--iris-7)}.button{all:unset;display:flex;align-items:center;justify-content:center;padding:16px 32px;border:2px solid var(--tomato-9);font-size:var(--font-size-small);line-height:var(--line-height-heading);font-weight:var(--font-weight-semibold);color:var(--tomato-11);cursor:pointer}.button:hover{opacity:.7}.button:focus-visible{outline-color:var(--tomato-7)}div{box-sizing:border-box}img,svg{vertical-align:middle}