.navbar{display:block;width:100%;overflow:hidden}.navbar-hamburger{display:none;grid-area:hamburger;width:40px;height:60px;position:relative}.navbar-hamburger-line{position:absolute;top:32px;left:0;display:block;width:100%;height:5px;border-radius:6px;background-color:var(--color-dark);transition:transform .4s}.navbar-hamburger-line:first-of-type{transform:translateY(12px)}.navbar-hamburger-line:nth-of-type(2){transform:translateY(-12px)}.navbar-content{display:grid;grid-area:content;grid-template-areas:"pages . contact";grid-template-columns:auto 1fr auto;width:100%}.navbar-content-pages{grid-area:pages;grid-auto-flow:column;list-style-type:none}.navbar-content-contact,.navbar-content-pages{display:inline-grid;-moz-column-gap:40px;column-gap:40px}.navbar-content-contact{grid-area:contact;grid-auto-flow:column}.navbar-item{display:inline-block;font-size:1.6rem;color:var(--text-dark);font-weight:700;position:relative;transition:background-color .4s ease-in-out}.navbar .active:after{left:0;width:100%}.navbar-item:after{content:"";bottom:0;display:block;height:3px;left:0;position:absolute;background:var(--text-dark);transition:width .3s ease 0s,left .3s ease 0s;width:0}.navbar-item:hover{cursor:pointer}.navbar-item:hover:after{left:0;width:100%}@media screen and (max-width:1100px){.navbar{display:grid;grid-template-areas:". hamburger ." "content content content";grid-template-columns:1fr auto 20px;transition:background-color .4s ease-in-out}.navbar-hamburger{display:block}.navbar-content{height:0;grid-template-areas:"pages" "contact";grid-template-columns:100%;justify-items:center;transition-duration:.4s}.navbar-content-pages{padding:60px 0 60px;row-gap:0;text-align:center;grid-auto-flow:row;align-items:center}.navbar-content-contact,.navbar-item{align-self:center}.navbar-item{font-size:2rem;padding:10px 0 10px}.active{background-color:var(--background-color)}.active .navbar-hamburger-line{transform:translateY(0)}.active .navbar-content{height:600px}}h2,h3{color:var(--text-black)}h2,h3{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h2{font-size:2.6rem;font-weight:700}h3{font-size:2rem;font-weight:600}h3,li,p{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}li,p{font-size:1.6rem;font-weight:300;color:var(--text-light);word-break:break-word}a,a:focus,a:hover{text-decoration:none;color:var(--text-black);outline:none}a:active{outline:none}a:hover{cursor:pointer}.strip{display:grid;grid-template-areas:"header . card";grid-auto-columns:auto minmax(100px,1fr) minmax(auto,500px);align-items:center}.strip-header{grid-area:header;color:var(--text-black)}.strip-card{align-items:center;grid-area:card;display:grid;grid-template-areas:"text image";-moz-column-gap:40px;column-gap:40px}.strip-card p{grid-area:text}.strip-card img{grid-area:image;width:100px;-webkit-filter:var(--inversion-filter);filter:var(--inversion-filter)}@media screen and (max-width:1100px){.strip{grid-template-areas:"header" "card";grid-auto-columns:100%;row-gap:100px}.strip-header{max-width:80%;justify-self:flex-start}.strip-card{max-width:80%;justify-self:flex-end}}@media screen and (max-width:800px){.strip-card,.strip-header{width:100%;max-width:100%}.strip-card img{width:80px}}.highlight{position:relative;margin-right:30px;display:inline-block}.highlight-box{background-color:var(--color-light);position:absolute;width:80%;height:130%;top:0;right:-20px;border-radius:16px;z-index:-10;box-shadow:0 0 2.4rem var(--elevate-color)}.highlight-picture{position:relative;align-self:center}.highlight-picture-box{position:absolute;width:100%;height:100%;background-color:red;left:-20px;top:20px;border-radius:20px;z-index:-10;background-color:var(--color-light);box-shadow:0 0 2.4rem var(--elevate-color)}.projects{display:grid;grid-auto-flow:row;row-gap:100px}.projects-project{display:grid;grid-template-areas:"name picture" "description picture" "button picture";justify-items:flex-start;-moz-column-gap:60px;column-gap:60px;align-items:center;row-gap:60px}.projects-project h2{grid-area:name}.projects-project-picture{grid-area:picture;position:relative;justify-self:flex-end}.projects-project-picture img{grid-area:image;width:380px;border-radius:16px;display:block}.projects-project-picture-box{width:100%;height:100%;background-color:var(--color-light);z-index:-10;position:absolute;left:-20px;top:20px;border-radius:16px;box-shadow:0 0 2.4rem var(--elevate-color)}.projects-project p{grid-area:description}.projects-project a{grid-area:button}.projects-spikes{width:360px;display:grid;grid-auto-flow:column;-moz-column-gap:40px;column-gap:40px}.projects-spikes div{background-color:var(--color-light);border-radius:16px;box-shadow:0 0 2.4rem var(--elevate-color)}.projects-spikes div:first-of-type{height:50%;width:100%}.projects-spikes div:nth-of-type(2){height:100%;width:100%}.projects-spikes.left{align-items:flex-end}.projects-spikes.left div:nth-of-type(2){grid-column:1}@media screen and (max-width:1400px){.projects-row,.projects-row.left,.projects-row.right{grid-template-columns:100%}.projects-project-picture img{width:240px}.projects-spikes{display:none}}@media screen and (max-width:800px){.projects-project{grid-template-areas:"name" "picture" "description" "button";row-gap:60px;justify-content:center;justify-items:center}}.button{position:relative;margin-right:40px;font-size:1.6rem;font-weight:700}.button-box{background-color:var(--color-light);position:absolute;width:120%;height:140%;top:0;right:-40px;border-radius:16px;z-index:-10;box-shadow:0 0 2.4rem var(--elevate-color)}.button-box-arrow{position:absolute;display:block;width:80px;height:100%;bottom:-10px;right:-30px;transition-duration:.5s}.button-box-arrow line{stroke-width:8;stroke:var(--text-black);stroke-linecap:round}.button:hover{cursor:pointer}.button:hover .button-box-arrow{transform:translateX(15%)}.row{display:grid;grid-auto-flow:column;-moz-column-gap:100px;column-gap:100px}.row,.row.right{grid-template-columns:1fr auto}.row.left{grid-template-columns:auto 1fr}@media screen and (max-width:1100px){.row{grid-auto-flow:row;justify-content:center;align-items:center;justify-items:center;row-gap:60px}.row,.row.left,.row.right{grid-template-columns:100%}}img{display:block;border-radius:20px}.parallax{position:absolute;width:100%;height:100%}.parallax-gl{left:-140px;top:-100px}.parallax-cs,.parallax-gl{position:absolute;font-size:40rem;color:var(--color-light);font-weight:700;z-index:-10;text-shadow:0 0 2.4rem var(--elevate-color)}.parallax-cs{right:80px;top:-160px;word-break:normal}.parallax-box{position:absolute;right:5%;width:200px;height:200px;border-radius:14px;top:500px;background-color:var(--color-light);z-index:-10;box-shadow:0 0 2.4rem var(--elevate-color)}@media screen and (max-width:800px){.parallax-gl{left:-100px;top:-200px;font-size:20rem}}header{width:100%;margin:0 auto 0 auto;justify-content:center;align-items:center;position:relative}header.page-projects .hidden{height:600px}header .height-wrapper{max-height:1300px;height:100vh;min-height:800px}header .hidden{overflow:visible;position:absolute;width:100%;height:100%;z-index:-10}header nav{position:absolute;z-index:10;width:90%;padding:5%}header .info{width:90%;padding:10% 5% 0 5%;height:75%;display:grid;grid-template-areas:"text image author";grid-template-columns:minmax(460px,1fr) minmax(auto,560px) minmax(460px,1fr);grid-auto-flow:column}header .info-text{grid-area:text;display:flex;flex-flow:column;align-self:flex-end;align-items:center;text-align:center}header .info-text-name{font-family:Odachi;font-size:6.4rem;font-weight:500;color:var(--text-black)}header .info-text-profession{font-size:2.4rem;color:var(--text-black);font-weight:300}header .info-author{width:auto;grid-area:author;display:grid;grid-template-areas:"text image" "email image" "contact image";grid-template-columns:auto 180px;-moz-column-gap:40px;column-gap:40px;row-gap:40px;align-items:start;align-self:flex-start}header .info-author-email{grid-area:email;align-self:center;color:var(--text-light);font-size:1.3rem;word-wrap:break-word;white-space:-webkit-pre-wrap;word-break:break-all;white-space:normal;justify-self:center}header .info-author-text{display:flex;flex-flow:column;grid-area:text;justify-self:center;text-align:center}header .info-author-text-name{color:var(--text-dark);font-weight:700;font-size:1.8rem}header .info-author-text-nick{color:var(--text-dark);font-weight:300;font-size:1.6rem}header .info-author-contact{grid-area:contact;display:flex;width:80%;justify-self:center;align-self:center;flex-wrap:wrap;justify-content:center}header .info-author-contact a{display:block}header .info-author-contact a:hover{cursor:pointer}header .info-author-contact img{-webkit-filter:var(--inversion-filter);filter:var(--inversion-filter);border-radius:0;width:48px;padding:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}header .info-author-picture{height:-webkit-min-content;height:-moz-min-content;height:min-content;grid-area:image;position:relative}header .info-author-picture,header .info-author-picture-image{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header .info-author-picture-image{border-radius:14px;display:block}header .info-author-picture-box{position:absolute;width:100%;height:100%;background-color:var(--color-light);border-radius:14px;left:-20px;top:20px;z-index:-10;box-shadow:0 0 2.4rem var(--elevate-color)}header .info-image{width:100%;grid-area:image;justify-self:center;align-self:center;height:100%;background-image:var(--picture-url);background-size:contain;background-position:50%;background-repeat:no-repeat;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:100%}@media screen and (max-width:1400px){.gl{font-size:26rem}header .parallax-box{display:none}header .info{padding-top:20%;height:auto;grid-template-columns:220px 1fr 220px;grid-template-areas:"text image author";-moz-column-gap:60px;column-gap:60px}header .info-text-name{font-size:5rem}header .info-text-profession{font-size:2.4rem}header .info-author{grid-template-areas:"text" "image" "email" "contact";grid-template-columns:auto;-moz-column-gap:0;column-gap:0;row-gap:30px}header .info-author-email{font-size:1.1rem}header .info-author-contact{width:100%;justify-self:center}header .info-author-image{max-width:120px;justify-self:center}header .info-author-text{justify-self:center}header .info-image{width:74%}}@media screen and (max-width:1100px){header,header .height-wrapper{height:auto}header nav{padding:0;width:100%}header .info{padding-top:140px;grid-template-areas:"author" "image" "text";grid-template-columns:100%;row-gap:80px}header .info-author{grid-template-areas:"text image" "email email" "contact contact";row-gap:40px}header .info-author-email{font-size:1.4rem}header .info-author-contact{justify-content:space-around}header .info-author-text{align-self:center;justify-self:flex-start}header .info-author-text-name{font-size:3.4rem}header .info-author-text-nick{font-size:2.4rem}header .info-author-picture{width:200px;justify-self:flex-end}header .info-text-name{font-size:4.4rem}header .info-text-profession{font-size:3rem}header .info-image{width:60%}}@media screen and (max-width:800px){header .info{row-gap:40px}header .info-author-text-name{font-size:1.5rem}header .info-author-text-nick{font-size:1.3rem}header .info-author-picture{width:120px;align-self:center}header .info-author-picture-image{border-radius:8px}header .info-author-picture-box{border-radius:8px;left:-10px;top:10px}header .info-text-name{font-size:3.4rem}header .info-text-profession{font-size:2rem}header .info-image{width:90%}}main{display:flex;justify-content:center;align-items:center;flex-flow:column}main .strip{margin-top:100px;width:80%}main .projects{margin-top:200px;width:80%}.introduction{width:80%;display:grid;grid-template-areas:"about community" "project skills";grid-template-columns:repeat(2,1fr);align-items:center;row-gap:160px;-moz-column-gap:100px;column-gap:100px}.introduction-about{grid-area:about;display:grid;grid-auto-flow:row;row-gap:60px}.introduction-community{grid-area:community;justify-self:flex-end;display:grid;grid-auto-flow:row;row-gap:40px;align-self:flex-start}.introduction-community-image{width:260px;justify-self:flex-end;display:block;-webkit-filter:var(--inversion-filter);filter:var(--inversion-filter)}.introduction-community-image object{pointer-events:none}.introduction-project{grid-area:project;display:grid;grid-auto-flow:row;row-gap:40px}.introduction-project-card{display:grid;grid-template-areas:"header picture" "text picture";-moz-column-gap:40px;column-gap:40px;align-items:center;row-gap:20px;align-items:start;justify-items:flex-start}.introduction-project-card h3{grid-area:header}.introduction-project-card p{grid-area:text}.introduction-project-card-picture{grid-area:picture;position:relative}.introduction-project-card-picture-image{width:200px;border-radius:16px;display:block}.introduction-project-card-picture-box{left:-20px;top:20px;width:100%;height:100%;z-index:-10}.introduction-project-card-picture-box,.introduction-skills{border-radius:16px;background-color:var(--color-light);box-shadow:0 0 2.4rem var(--elevate-color)}.introduction-skills{grid-area:skills;justify-self:flex-end;padding:30px}.introduction-skills h2{padding-bottom:1rem}.introduction-skills ul{list-style-type:none}.introduction-skills ul li:before{content:"- ";padding:.4rem}@media screen and (max-width:1400px){.introduction-project-card{grid-template-areas:"header" "text" "picture";row-gap:40px}}@media screen and (max-width:1100px){.introduction{grid-template-areas:"about" "skills" "community" "project";grid-template-columns:100%}.introduction-about,.introduction-community,.introduction-project,.introduction-skills{justify-self:center}}.setup{margin-top:200px;width:80%;justify-content:flex-start;align-items:flex-start;row-gap:100px}.setup,.setup-text{display:grid;grid-auto-flow:row}.setup-text{grid-template-rows:auto 1fr;row-gap:20px;align-self:center}.setup-image{width:400px}.setup .left{grid-column:1}@media screen and (max-width:1100px){.setup-image{width:340px}}@media screen and (max-width:800px){.setup-image{width:260px}}.footer{padding:40px 0 40px;width:90%;margin:0 auto 0 auto;background-color:var(--color-light);border-top-right-radius:25px;border-top-left-radius:25px;box-shadow:0 0 2.4rem var(--elevate-color);display:grid;grid-template-areas:". contact . copyright top.";-moz-column-gap:20px;column-gap:20px;grid-template-columns:100px auto minmax(100px,1fr) auto auto 100px;justify-content:center;align-content:center;align-items:center}.footer-top{grid-area:top;font-size:1.4rem;text-decoration:underline;color:var(--text-light);font-weight:700;text-align:center}.footer-contact{grid-area:contact;align-items:center;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:center;align-content:center;color:var(--text-dark);-moz-column-gap:30px;column-gap:30px}.footer-contact span{padding:8px 12px 8px 12px}.footer-contact-name{color:var(--text-black);font-weight:600}.footer-contact-icons{display:grid;grid-auto-flow:column;-moz-column-gap:20px;column-gap:20px}.footer-contact-icons a img{width:40px;border-radius:0;-webkit-filter:var(--inversion-filter);filter:var(--inversion-filter)}.footer-copyright{grid-area:copyright;align-self:center;color:var(--text-light);display:flex;justify-content:center;align-items:center;flex-flow:row;flex-wrap:wrap;text-align:center}.footer-copyright span{padding:4px 14px 4px 14px}.footer-contact,.footer-copyright{font-size:1.4rem}@media screen and (max-width:1100px){.footer{grid-template-areas:". contact ." ". copyright ." ". top .";grid-template-columns:20px 1fr 20px;row-gap:60px}.footer-contact span{padding:12px 8px 12px 8px;font-size:1.16rem;word-break:break-all;text-align:center}}.loader{position:fixed;z-index:20;background-color:var(--color-black);height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;top:0;left:0}.loader svg{width:80px;height:80px}.loader svg path,.loader svg rect{fill:#fff}.fade{-webkit-animation:fade .75s;animation:fade .75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fade{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes fade{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.section{display:grid;grid-template-rows:auto 14px 1fr;grid-template-columns:auto 1fr;row-gap:10px;-moz-column-gap:40px;column-gap:40px;width:100%}.section-header{grid-column:1/3;grid-row:1/3;padding-left:20px}.section-block{grid-row:2/4;grid-column:1/2;width:160px;border-radius:14px;background-color:var(--color-light);z-index:-10;box-shadow:0 0 2.4rem var(--elevate-color)}.section-content{grid-row:3/4;grid-column:2/3;display:grid;grid-auto-flow:row;row-gap:20px}@media screen and (max-width:800px){.section{grid-template-rows:auto;grid-template-columns:1fr}.section-header{grid-column:1/2;padding-left:0}.section-content{grid-column:1/2}.section-block{width:100%;grid-row:2/4}}.entry{padding:30px;display:grid;grid-auto-flow:row;row-gap:20px}.entry ul{list-style-position:inside}.entry a{text-decoration:underline}html{--elevate-color:#ededed;--background-color:#fff;--text-dark:#5f5f5f;--text-black:#3c3c3c;--text-light:#666;--color-dark:#707070;--color-black:#161616;--color-light:#eee;--inversion-filter:0;--picture-url:url(../img/majda.cd112961.png)}.wiki{margin-top:120px;width:90%;display:grid;grid-auto-flow:row;row-gap:80px}.wiki .section{transition:margin .4s ease-in-out}.wiki .section:hover{margin-left:40px}.wiki-text{padding-top:80px;width:80%;margin-left:auto;margin-right:auto}@media screen and (max-width:800px){.section:hover{margin-left:0!important}}@media print{.loader,.parallax,footer,nav{display:none}.height-wrapper{height:auto!important;min-height:0!important}.info{grid-template-areas:"text author"!important;grid-template-columns:repeat(2,1fr)!important}.info-image{display:none}.info-author,.info-text{justify-self:center!important;align-self:center!important}.info-author-contact a,.info-author-contact img{display:none!important}}*{margin:0;padding:0;font-family:Roboto}html{scroll-behavior:smooth}body{background-color:var(--background-color);transition:background .2s ease-in-out}.body,body{overflow-x:hidden}.body{z-index:0;max-width:1920px;margin:0 auto 0 auto;display:grid;grid-auto-flow:row;row-gap:160px}