*{font-size:16px;font-family:tahoma;box-sizing:border-box;padding:0;margin:0;color:#d8d1c6}.russo-one-regular{font-family:Russo One,sans-serif;font-weight:400;font-style:normal}body{margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden;background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20218%20218'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='grain'%3e%3cfeTurbulence%20type='fractalNoise'%20numOctaves='9'%20stitchTiles='stitch'%20%3e%3canimate%20attributeName='baseFrequency'%20attributeType='XML'%20from='7'%20to='7.025'%20dur='1s'%20begin='0s'%20repeatCount='indefinite'/%3e%3c/feTurbulence%3e%3cfeColorMatrix%20values='1%200%200%209%20-4%201%200%200%209%20-4%201%200%200%209%20-4%20-0.8%201%200%200%200'/%3e%3c/filter%3e%3c/defs%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23grain)'/%3e%3c/svg%3e");background-color:#000}div#content-wrapper{width:100%;min-height:calc(100vh - 18rem);min-width:300px;color:#fff}header{display:flex;justify-content:space-between;align-items:center;height:6rem;width:100vw;min-width:300px;padding:0 1rem}header>.logo{height:40px}header>nav#nav-bar{display:none}header>nav#burger{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:25%;aspect-ratio:2/1.125;list-style:none}header>nav#burger>li{border:1px solid white;width:100%}header>nav#burger.non-active{display:none}@keyframes coverScreen{cd 0% {height: 0vh; left: 100vw;} 100% {height: 100vh; left: 0vw;}}@keyframes appear{0%{opacity:0}to{opacity:1}}header>nav#off-screen{display:none}header>nav#off-screen.active{position:fixed;list-style:none;display:flex;flex-wrap:wrap;align-content:center;background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20218%20218'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='grain'%3e%3cfeTurbulence%20type='fractalNoise'%20numOctaves='9'%20stitchTiles='stitch'%20%3e%3canimate%20attributeName='baseFrequency'%20attributeType='XML'%20from='7'%20to='7.025'%20dur='1s'%20begin='0s'%20repeatCount='indefinite'/%3e%3c/feTurbulence%3e%3cfeColorMatrix%20values='1%200%200%209%20-4%201%200%200%209%20-4%201%200%200%209%20-4%20-0.8%201%200%200%200'/%3e%3c/filter%3e%3c/defs%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23grain)'/%3e%3c/svg%3e");background-color:#914c21;height:100vh;width:100vw;top:0;left:0;animation:coverScreen 1s ease-in-out}nav#off-screen>button{position:absolute;height:5rem;aspect-ratio:1/1;display:flex;align-items:center;justify-content:right;padding:0 1rem;background:none;border:none;font-size:4rem;font-weight:400;color:#d8d1c6;cursor:pointer;right:0;animation:appear 1.5s ease-in}nav#off-screen>li{width:100%;margin-block:.5rem;text-align:center;animation:appear 2s ease-in;opacity:1}nav#off-screen>li a{color:#d8d1c6;font-size:2.5rem;text-decoration:none;font-family:Russo One}nav#off-screen>li a:hover{cursor:pointer;text-decoration:underline}main{min-height:calc(100% - 6rem);display:flex;align-content:center;justify-self:center;flex-wrap:wrap}div.site-links{display:flex;flex-wrap:wrap;position:absolute;bottom:6rem;left:0;border:1px solid red;background-color:#d8d1c680;padding:1rem 4rem 1rem 1rem;width:3rem;border-top-left-radius:4px;border-bottom-left-radius:4px;gap:1rem}div.site-links>img{width:2rem;border:1px solid red}main>section.headline{display:flex;flex-wrap:wrap;align-content:center;width:100%;max-width:600px;margin:0;padding:3rem 1rem;min-height:calc(100vh - 6rem);max-height:100vh}main>section.headline>h1{font-size:2rem;margin:0;width:100%}main>section.headline>p{font-size:.875rem;margin:0}@keyframes growUp{0%{height:0}to{height:5rem}}section.headline>h1.highlight{color:#914c21;font-family:Russo One;line-height:2.5rem;height:5rem;animation:1s growUp;overflow:hidden;margin-block:.5rem}@keyframes heightUp{0%{height:0;opacity:0}to{height:100%;opacity:1}}h2.section-title{font-size:3rem;overflow:hidden;height:0;color:#914c21;opacity:0;font-family:Russo One}h2.title-show{opacity:1;height:6rem;max-height:6rem;animation:heightUp 1s ease-in}footer{display:flex;flex-wrap:wrap;align-content:space-around;min-height:12rem;width:100vw;min-width:300px;background-color:#2b2b29;padding:3rem 2rem;margin:0;color:#fff}footer>div.foot-descr{width:100%}div.foot-descr>div.descr-header{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}div.descr-header>a{text-decoration:none;cursor:pointer}div.descr-header>a>h2{width:100%;font-size:1.25rem}div.descr-header>div.socials{display:flex;height:1.5rem;width:100%;gap:.5rem}div.socials>a>img{cursor:pointer;height:1.25rem}div.foot-descr>hr{margin-top:.25rem}div.foot-descr>aside.copyright{margin-top:1rem;font-size:.75rem}@media only screen and (min-width: 380px){header{padding:0 2rem}main>section.headline{padding:0 2rem}main>section.headline>h1{font-size:2.5rem}main>section.headline>p{font-size:1rem}nav#off-screen>button{padding:0 2rem}nav#off-screen>li a{font-size:4rem}@keyframes growUp{0%{height:0}to{height:5.125rem}}}@media only screen and (min-width: 480px){main>section.headline>h1{font-size:3rem}section.headline>h1.highlight{line-height:3rem}section.headline>h1.highlight{height:6.125rem}@keyframes growUp{0%{height:0}to{height:6.125rem}}}@media only screen and (min-width: 768px){header{padding:0 4rem}header>h2.fake-logo{font-size:2rem}header>nav#burger{display:none}header>nav#nav-bar{display:flex;justify-content:space-between;list-style:none;gap:1.75rem}@keyframes fadeIn{0%{opacity:0}to{opacity:100%}}header>nav#nav-bar>li a{text-decoration:none;color:#d8d1c6;font-size:1.25rem;font-family:Russo One}header>nav#nav-bar>li a:hover{border:2px solid #914c21;border-left:none;border-right:none;border-radius:6px;padding:0 0 .25rem;text-decoration:line-through;color:#914c21;animation:fadeIn .3s ease-in}main>section.headline{width:100%;max-width:800px;padding:0 0 0 4rem}main>section.headline>h1{font-size:4rem}section.headline>h1.highlight{line-height:4rem;height:8rem}@keyframes growUp{0%{height:0}to{height:8rem}}h2.section-title{margin-bottom:0;font-size:4rem}main>section.headline>p{width:80%}footer{flex-wrap:wrap;padding:0 4rem}div.foot-descr>div.descr-header{flex-wrap:nowrap;justify-content:space-between}div.descr-header>a>h2{display:flex;align-items:center;width:fit-content}div.descr-header>div.socials{width:fit-content}div.socials>aside{max-height:100%;font-size:1rem}div.socials>a>img{height:1.5rem}}@media only screen and (min-width: 1024px){main>section.headline>h1{max-width:none}main>section.headline>h1{font-size:5rem}section.headline>h1.highlight{line-height:5.5rem;height:10.5rem}@keyframes growUp{0%{height:0}to{height:10.5rem}}h2.section-title{font-size:5rem}h2.title-show{opacity:1;height:fit-content;max-height:7rem}}@media only screen and (min-width: 1200px){main>section.headline{max-width:800px}main>section.headline>h1{font-size:5.5rem}section.headline>h1.highlight{line-height:5.5rem;height:11.5rem}@keyframes growUp{0%{height:0}to{height:11.5rem}}h2.section-title{font-size:5.5rem}}@media only screen and (min-width: 1024px){footer{padding:1rem 4rem}}@media only screen and (min-width: 240px) and (max-width: 290px){body{background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20218%20218'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='grain'%3e%3cfeTurbulence%20type='fractalNoise'%20numOctaves='9'%20stitchTiles='stitch'%20%3e%3canimate%20attributeName='baseFrequency'%20attributeType='XML'%20from='8.025'%20to='8'%20dur='1s'%20begin='0s'%20repeatCount='indefinite'/%3e%3c/feTurbulence%3e%3cfeColorMatrix%20values='1%200%200%209%20-4%201%200%200%209%20-4%201%200%200%209%20-4%20-0.8%201%200%200%200'/%3e%3c/filter%3e%3c/defs%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23grain)'/%3e%3c/svg%3e")}}@media only screen and (min-width: 330px) and (max-width: 360px){body{background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20218%20218'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='grain'%3e%3cfeTurbulence%20type='fractalNoise'%20numOctaves='9'%20stitchTiles='stitch'%20%3e%3canimate%20attributeName='baseFrequency'%20attributeType='XML'%20from='8.025'%20to='8'%20dur='1s'%20begin='0s'%20repeatCount='indefinite'/%3e%3c/feTurbulence%3e%3cfeColorMatrix%20values='1%200%200%209%20-4%201%200%200%209%20-4%201%200%200%209%20-4%20-0.8%201%200%200%200'/%3e%3c/filter%3e%3c/defs%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23grain)'/%3e%3c/svg%3e")}}@media only screen and (min-width: 360px) and (max-width: 380px){body{background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20218%20218'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='grain'%3e%3cfeTurbulence%20type='fractalNoise'%20numOctaves='9'%20stitchTiles='stitch'%20%3e%3canimate%20attributeName='baseFrequency'%20attributeType='XML'%20from='8.025'%20to='8'%20dur='1s'%20begin='0s'%20repeatCount='indefinite'/%3e%3c/feTurbulence%3e%3cfeColorMatrix%20values='1%200%200%209%20-4%201%200%200%209%20-4%201%200%200%209%20-4%20-0.8%201%200%200%200'/%3e%3c/filter%3e%3c/defs%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23grain)'/%3e%3c/svg%3e")}}@media only screen and (min-width: 480px) and (max-width: 530px){body{background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20218%20218'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='grain'%3e%3cfeTurbulence%20type='fractalNoise'%20numOctaves='9'%20stitchTiles='stitch'%20%3e%3canimate%20attributeName='baseFrequency'%20attributeType='XML'%20from='8.025'%20to='8'%20dur='1s'%20begin='0s'%20repeatCount='indefinite'/%3e%3c/feTurbulence%3e%3cfeColorMatrix%20values='1%200%200%209%20-4%201%200%200%209%20-4%201%200%200%209%20-4%20-0.8%201%200%200%200'/%3e%3c/filter%3e%3c/defs%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23grain)'/%3e%3c/svg%3e")}}@media only screen and (min-width: 700px) and (max-width: 820px){body{background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20218%20218'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='grain'%3e%3cfeTurbulence%20type='fractalNoise'%20numOctaves='9'%20stitchTiles='stitch'%20%3e%3canimate%20attributeName='baseFrequency'%20attributeType='XML'%20from='8.025'%20to='8'%20dur='1s'%20begin='0s'%20repeatCount='indefinite'/%3e%3c/feTurbulence%3e%3cfeColorMatrix%20values='1%200%200%209%20-4%201%200%200%209%20-4%201%200%200%209%20-4%20-0.8%201%200%200%200'/%3e%3c/filter%3e%3c/defs%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23grain)'/%3e%3c/svg%3e")}}@media only screen and (min-width: 960px) and (max-width: 1100px){body{background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20218%20218'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='grain'%3e%3cfeTurbulence%20type='fractalNoise'%20numOctaves='9'%20stitchTiles='stitch'%20%3e%3canimate%20attributeName='baseFrequency'%20attributeType='XML'%20from='8.025'%20to='8'%20dur='1s'%20begin='0s'%20repeatCount='indefinite'/%3e%3c/feTurbulence%3e%3cfeColorMatrix%20values='1%200%200%209%20-4%201%200%200%209%20-4%201%200%200%209%20-4%20-0.8%201%200%200%200'/%3e%3c/filter%3e%3c/defs%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23grain)'/%3e%3c/svg%3e")}}main>section.about-container{background-color:#d8d1c6;background-blend-mode:overlay;color:#898e6b;padding:3rem 2rem;min-width:300px;width:100%;height:fit-content}section.about-container>div.about-grid{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:auto;grid-template-areas:"h h h h h h h h h h" "d d d d d d d d d d" "i i i i i i i i i i" "r r r r r r r r r r" "s s s s s s s s s s";grid-template-rows:6rem auto auto auto auto;grid-gap:5px}div.about-grid>h2.section-title{grid-area:h}div.about-descr{grid-area:d;margin-bottom:2rem;width:100%;max-width:600px}div.about-descr>p{color:#2b2b29;font-size:.875rem}div.about-descr>p.middle{margin-block:1rem}div.about-img{grid-area:i;height:30vh;min-height:12rem;width:auto}div.about-img-full{display:none}div.about-img>img{height:100%;border-left:2px solid #914C21;border-bottom:2px solid #914C21}div.about-grid>div.resume{width:100%;height:fit-content;grid-area:r;margin-block:2rem}div.resume>button{display:flex;justify-content:center;align-items:center;height:70px;width:160px;border-radius:6px;padding:.5rem .75rem;font-size:1.25rem;border:1px solid #2b2b29;box-shadow:2px 4px 4px 2px #2b2b29a6;background-color:#2b2b29;color:#d8d1c6;cursor:pointer;font-family:Russo One}div.resume>button:hover{border:1px solid #2b2b29;background-color:#2b2b29f2}div.resume>button:active{border:1px solid #914C21;background-color:#d8d1c6;color:#2b2b29;box-shadow:none}div.about-grid>section.skills-container{grid-area:s;width:100%;max-width:600px;min-width:fit-content}section.skills-container>h3{font-size:1.5rem;margin:0;margin-bottom:1rem;background-color:transparent;border:1px solid #2b2b29;border-left:none;border-right:none;color:#914c21;padding:.5rem 1rem}section.skills-container>div.skills{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(3,1fr);gap:6px;border-radius:6px;height:fit-content}div.skills>span{display:flex;justify-content:center;align-items:center;background-color:#914c2126;border:1px solid #914C21;border-radius:6px;padding:1vh .75vh;width:100%;color:#914c21}@media only screen and (min-width: 380px){section.about-container>h2{font-size:3rem}}@media only screen and (min-width: 768px){main>section.about-container{display:flex;flex-wrap:wrap;padding:8rem 4rem}section.about-container>div.about-grid{grid-template-areas:"h h h h h h h h h h" "d d d d d . i i i i" "r r r r r r r r r r" "s s s s s . . . . .";align-content:center;grid-template-columns:16rem;grid-template-rows:6rem minmax(auto,18rem) auto auto;grid-gap:2rem}div.about-grid>h2.section-title{margin-bottom:0}div.about-descr{margin:0;max-width:none;display:flex;flex-wrap:wrap;align-content:space-between;width:auto;max-width:600px;overflow:hidden}div.about-descr>p{line-height:1.25rem}div.about-img{height:100%}div.about-img>img{max-height:100%;width:100%;object-fit:cover;object-position:left}div.about-grid>div.resume{margin:0}div.about-grid>section.skills-container{margin:0;height:fit-content;padding:0;max-width:600px;width:auto}section.skills-container>h3{margin-bottom:1rem;width:100%;max-width:none;min-width:none}section.skills-container>div.skills{margin:0;width:100%;grid-template-columns:repeat(4,1fr)}div.skills>span{padding:.5rem .25rem}}@media only screen and (min-width: 820px){div.about-descr>p{line-height:1.3rem}}@media only screen and (min-width: 890px){div.about-descr>p{line-height:1.5rem}}@media only screen and (min-width: 1024px){section.about-container>div.about-grid{grid-template-columns:repeat(12,1fr);grid-template-areas:"h h h h h h h h h h h h" "d d d d d d d . i i i i" "r r r r r r r r r r r r" "s s s s s s s . . . . .";grid-template-rows:auto 16rem auto auto;align-items:center}div.about-descr{align-content:end;height:100%;max-width:700px}div.about-descr>p{max-width:none;line-height:1.25rem}div.about-img{display:none}div.about-img-full{display:flex;grid-area:i;height:100%;border-radius:6px;background-color:#914c2140}div.about-img-full>img{width:100%;height:100%;object-fit:cover;object-position:top}div.about-grid>section.skills-container{max-width:700px}}@media only screen and (min-width: 1200px){section.about-container>div.about-grid{grid-template-areas:"h h h h h h h h h h h h" "d d d d d d d . i i i i" "r r r r r r r r r r r r" "s s s s s s s . . . . .";grid-template-rows:auto 18rem auto auto}div.about-descr{align-content:space-between}div.about-descr>p{line-height:1.65rem}}main>section.projects-container{width:100%;min-width:300px;padding:3rem 2rem;margin:0;background-color:#914c21bf}section.projects-container>div.projects-header{height:6rem}div.projects-header>h2.section-title{color:#d8d1c6}section.projects-container>div.projects-list{margin-bottom:2rem;height:fit-content}div.projects-list>div.project{height:fit-content;width:100%;background-color:#d8d1c6;padding:1rem;border-radius:6px;margin-bottom:1rem}div.project>div.project-visual{height:fit-content;display:flex;flex-wrap:wrap}div.project>div.project-visual>a>img{width:100%;border-radius:6px}div.project>div.project-visual>a>img:hover{box-shadow:2px 12px 12px 2px #2b2b29}div.project>div.project-visual>a{text-decoration:none}div.project>div.project-visual>a>h3{margin-block:.5rem;color:#914c21}div.project>div.project-visual>a>h3:hover{background-color:#914c21;color:#d8d1c6;text-decoration:line-through;padding:.25rem;border-radius:4px;cursor:pointer;animation:fadeIn .3s ease-out}div.project>p.project-descr{margin-block:.25rem;font-size:.875rem;color:#2b2b29}div.project>div.tools{display:flex;flex-wrap:wrap}div.tools>span.display-tools{background-color:#914c21;height:fit-content;margin:.25rem .125rem;padding:.25rem .5rem;font-size:.875rem;border-radius:4px}@media only screen and (min-width: 768px){main>section.projects-container{padding:8rem 4rem}section.projects-container>div.projects-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;justify-content:space-between;max-width:100%;margin-top:3rem}div.projects-list>div.project{height:fit-content;min-height:24.83rem}}@media only screen and (min-width: 1024px){section.projects-container>div.projects-list{max-width:100%;gap:.5rem}div.projects-list>div.project{height:fit-content;min-height:fit-content;margin:0}div.project p.project-descr,div.project div.tools{display:none}div.project:hover p.project-descr,div.project:hover div.tools,div.project:active p.project-descr,div.project:active div.tools{display:flex}}main>section.contact-container{width:100%;min-width:300px;padding:3rem 2rem;margin:0;display:flex;flex-wrap:wrap;background-color:#d8d1c6;color:#2b2b29}section.contact-container>div.contact-header{height:6rem}section.contact-container>p{margin-top:0;width:100%;color:#2b2b29}section.contact-container>Form{width:100%;max-width:600px;border-radius:6px;margin-bottom:3rem}Form>label{font-size:.875rem;margin:1rem 0}Form>input{border-radius:6px;padding:10px 12px;width:100%;height:6vh;min-height:4rem;margin-top:.25rem;margin-bottom:1rem;border:1px solid #914C21;border-style:inset}Form>textarea{width:100%;height:12vh;min-height:8rem;border-radius:6px;padding:10px 12px 24px;margin-top:.25rem;margin-bottom:1rem}Form>button{width:100%;height:60px;border-radius:6px;font-size:1.25rem;border:1px solid #2b2b29;box-shadow:2px 4px 4px 2px #2b2b29a6;background-color:#2b2b29;color:#d8d1c6;cursor:pointer;margin-top:2rem;font-family:Russo One}Form>button:hover{border:1px solid #2b2b29;background-color:#2b2b29f2}Form>button:active{border:1px solid #914C21;background-color:#d8d1c6;color:#2b2b29;box-shadow:none}@media only screen and (min-width: 768px){main>section.contact-container{padding:6rem 4rem}section.contact-container>div.contact-header{height:6rem}section.contact-container>p{margin-top:3rem}Form>input{margin-top:.5rem;margin-bottom:1.5rem}}