.app{min-height:100vh;width:100vw;overflow-x:hidden;position:relative;transition:.5s;background:var(--color-bg)}.app.page-main{--color-main: var(--col-black);--color-secondary: var(--col-green);--color-another: var(--col-brown);--color-bg: var(--col-milky)}.app.page-about{--color-main: var(--col-green);--color-secondary: var(--col-black);--color-another: var(--col-brown);--color-bg: var(--col-white)}.app.page-experience{--color-main: var(--col-white);--color-secondary: var(--col-black);--color-another: var(--col-green);--color-bg: var(--col-brown)}.app.page-contacts{--color-main: var(--col-black);--color-secondary: var(--col-white);--color-another: var(--col-brown);--color-bg: var(--col-green)}.app.dark{--color-main: #ccc;--color-secondary: #518379;--color-another: #9c836b;--color-bg: #111}.main{height:100vh;gap:50px;display:flex;justify-content:center;align-items:center}@media (max-width: 950px){.main{flex-direction:column-reverse;gap:20px}}.main .text-content{overflow:hidden}.main h1{color:var(--color-main);font-size:120px;line-height:90%;padding-top:10px;letter-spacing:-6px;font-weight:500;padding-bottom:20px;padding-right:6px}.main h1.first-title>div:first-child>div:first-child{font-weight:700;color:var(--color-secondary)}@media (max-width: 1550px){.main h1{font-size:80px;padding-bottom:10px}}@media (max-width: 1150px){.main h1{font-size:60px;letter-spacing:-3.5px;line-height:85%}}@media (max-width: 750px){.main h1{font-size:45px;letter-spacing:-2px;padding-bottom:7px}}@media (max-width: 600px){.main h1{font-size:40px}}@media (max-width: 364px){.main h1{font-size:30px;padding-bottom:5px}}.main h2{font-size:35px;overflow:hidden;font-weight:800;color:var(--color-another)}.main h2 *{z-index:2;font-family:Montserrat,sans-serif}@media (max-width: 1550px){.main h2{font-size:28px}}@media (max-width: 1150px){.main h2{font-size:25px}}@media (max-width: 750px){.main h2{font-size:20px;padding-top:10px}}@media (max-width: 600px){.main h2{font-size:18px}}@media (max-width: 364px){.main h2{font-size:14px}}.main .resume{position:relative;display:grid;grid-template-columns:50% 50%;cursor:auto}.main .resume:hover span{opacity:0!important}.main .resume:hover p{transform:translateY(0);opacity:1}.main .resume p{opacity:0;transition:.2s;width:100%;color:var(--color-main);display:flex;transform:translateY(-30px);gap:5px}.main .resume p a{text-decoration:none;color:var(--color-main);transition:.3s}.main .resume p a:hover{color:var(--color-another)}.main .resume span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main .buttons{display:flex;flex-wrap:wrap;gap:20px;padding-top:40px}.main .buttons>button span,.main .buttons>a span{display:block}.main .buttons>button.outline,.main .buttons>a.outline{border-color:var(--color-main);color:var(--color-main);background:transparent}.main .buttons>button.solid,.main .buttons>a.solid{border-color:var(--color-another);color:var(--color-bg);background:var(--color-another)}@media (max-width: 750px){.main .buttons{padding-top:30px}}.main .img{display:flex;justify-content:center;position:relative;width:270px;opacity:0;height:270px;-webkit-animation:portraitAnim 13s ease-in-out infinite;animation:portraitAnim 13s ease-in-out infinite;border:3px solid var(--color-secondary);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transition:all 1s ease-in-out}@media (max-width: 1550px){.main .img{width:235px;height:235px}}@media (max-width: 1150px){.main .img{width:200px;height:200px}}@keyframes portraitAnim{0%,to{border-radius:50% 90% 90% 50%/50% 80% 60% 70%}25%{border-radius:80% 50% 75%/70% 60% 80% 50%}50%{border-radius:55% 80% 50%/65% 70% 50% 60%}75%{border-radius:85% 65% 70% 60%/75% 80% 60% 60%}}.about{display:flex;justify-content:center;align-items:center;height:100vh}.about .title-content{overflow:hidden;margin-bottom:20px}.about h1{color:var(--color-main)}.about .section-txt{padding:28px 0 12px;color:var(--color-another);font-weight:700;font-size:15px}.about .txt{color:var(--color-main)}.about .txt span{color:var(--color-secondary);font-weight:700}.about .experiences{display:flex;flex-direction:column;gap:10px}.about .experience-top{display:flex;gap:20px;align-items:center;justify-content:space-between}.about .experience-top h3{font-size:18px}.about .experience-top h3.position{color:var(--color-secondary)}@media (max-width: 800px){.about .experience-top h3{font-size:16px}}.about .experience-border{margin:10px 0;width:0;position:relative;z-index:2;height:2px;background-color:var(--color-main)}.about .knowledge{display:flex;gap:10px;flex-direction:column}.contacts{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:20px 0;gap:10px;overflow:hidden}.contacts .title-content{overflow:hidden;margin-bottom:30px}.contacts h1{font-weight:500;color:var(--color-secondary)}.contacts p{color:var(--color-secondary)}.contacts p span{font-weight:600;color:var(--color-main)}.contacts p a{color:var(--color-secondary)}#logo{position:absolute;top:50px;left:80px;display:flex;align-items:center;gap:10px}@media (max-width: 600px){#logo{top:20px;left:20px}}#logo .logo{width:80px}#logo a{text-decoration:none;border:none;background:transparent;cursor:pointer;font-size:16px;font-weight:700;color:var(--color-secondary);transition:.3s}#logo a.active,#logo a:hover{color:var(--color-another)}#logo p{color:var(--color-main)}#logo .cursor{font-size:16px;font-weight:700;color:var(--color-main);transition:.3s;animation:cursorAnim 1s infinite ease-in;padding-left:2px}@keyframes cursorAnim{0%,to{opacity:1}50%{opacity:0}}.switcher{position:absolute;top:50px;right:80px;background-color:var(--color-main);padding:3px;border-radius:40px;display:flex;align-items:center;justify-content:center;gap:3px}@media (max-width: 600px){.switcher{top:20px;right:20px}}.switcher button{border:none;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:var(--color-bg);color:var(--color-main);text-transform:uppercase}.page-switcher{position:absolute;bottom:50px;right:80px;border:1px solid var(--color-main);padding:3px;border-radius:40px;display:flex;align-items:center;justify-content:center;gap:3px}@media (max-width: 600px){.page-switcher{display:none}}.page-switcher button{border:none;width:40px;height:40px;border-radius:50%;color:var(--color-bg);background-color:var(--color-main);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.4s;overflow:hidden}.page-switcher button.next:not(:hover) svg{animation:reverseAnim .8s ease-out}.page-switcher button.next:hover svg{animation:anim .8s ease-out}.page-switcher button.prev:not(:hover) svg{animation:anim .8s ease-out}.page-switcher button.prev:hover svg{animation:reverseAnim .8s ease-out}.page-switcher button svg{transition:.3s;fill:currentColor}@keyframes anim{0%{transform:translateY(0)}50%{transform:translateY(200%)}51%{transform:translateY(-200%);visibility:hidden}70%{transform:translateY(0);visibility:visible}}@keyframes reverseAnim{0%{transform:translateY(0)}50%{transform:translateY(-200%)}51%{transform:translateY(200%);visibility:hidden}70%{transform:translateY(-40%);visibility:visible}}nav{position:absolute;top:50%;transform:translateY(-50%);left:20px;display:flex;flex-direction:column;align-items:start}@media (max-width: 600px){nav{left:50%;bottom:20px;top:auto;transform:translate(-50%);flex-direction:row;width:calc(100% - 20px)}}nav .line{width:4px;height:100%;background-color:var(--color-main);position:absolute;left:5px;top:0;bottom:0;border-radius:4px}@media (max-width: 600px){nav .line{left:0;right:0;bottom:5px;top:auto;height:3px;width:100%}}@media (max-width: 420px){nav .line{bottom:7px}}nav .nav-item{border:none;background-color:transparent;color:var(--color-main);font-size:14px;font-weight:500;padding-left:20px;position:relative;cursor:pointer;transition:.4s;line-height:12px}@media (max-width: 600px){nav .nav-item{margin-bottom:20px;padding-left:0;width:25%;font-size:12px}}@media (max-width: 420px){nav .nav-item{margin-bottom:25px}}nav .nav-item:not(:last-child){margin-bottom:40px}@media (max-width: 600px){nav .nav-item:not(:last-child){margin-bottom:20px}}@media (max-width: 420px){nav .nav-item:not(:last-child){margin-bottom:25px}}nav .nav-item.active{pointer-events:none;color:var(--color-secondary)}nav .nav-item:hover{color:var(--color-another)}nav .nav-item:hover:before{background-color:var(--color-another)}nav .circle{background-color:var(--color-secondary);width:15px;height:15px;border-radius:50%;position:absolute;transition:.4s;z-index:2}@media (max-width: 600px){nav .circle{left:0;bottom:0;top:auto;width:1.5%;height:1.5%}}.portfolio{--color-main: var(--col-black);--color-secondary: var(--col-green);--color-another: var(--col-brown);--color-bg: var(--col-milky);padding:130px 0 50px;min-height:100vh;background:var(--color-bg);gap:50px;display:flex;justify-content:center;align-items:center}@media (max-width: 600px){.portfolio{padding-top:80px}}.portfolio.dark{--color-main: #ccc;--color-secondary: #518379;--color-another: #9c836b;--color-bg: #111}.portfolio-content{width:100%;max-width:1300px;padding:0 50px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}@media (max-width: 768px){.portfolio-content{padding:0 20px;grid-template-columns:repeat(2,1fr)}}@media (max-width: 450px){.portfolio-content{grid-template-columns:1fr}}.portfolio-item{transition:.3s;cursor:pointer}.portfolio-item:hover{transform:scale(1.05)}.portfolio-item:hover .AsyncImage-root img{object-position:bottom center}.portfolio-item .AsyncImage-root{overflow:hidden;border-radius:10px;height:300px}@media (max-width: 1300px){.portfolio-item .AsyncImage-root{height:250px}}@media (max-width: 600px){.portfolio-item .AsyncImage-root{height:200px}}.portfolio-item .AsyncImage-root img{transition:1s;object-position:top center}.portfolio-item p{font-size:20px;font-weight:500;padding-top:10px;font-family:Montserrat,sans-serif;color:var(--color-secondary)}.modal{overflow:hidden;height:100vh;width:100%;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10;transition:.3s;opacity:0;pointer-events:none}.modal.active{pointer-events:auto;opacity:1;background:#0003}.modal-content{width:calc(100% - 40px);max-width:800px;background:var(--color-bg);border-radius:10px;position:relative;padding:20px;max-height:calc(100% - 40px);overflow-y:auto;color:var(--color-main);display:grid;grid-template-rows:auto auto auto auto}.modal-content .close{position:absolute;top:15px;right:20px;border:none;background:none;font-size:30px;cursor:pointer;color:var(--color-main);transition:.3s}.modal-content .close:hover{color:var(--color-secondary)}.modal-content h2{padding-bottom:20px;font-size:24px;font-family:Montserrat,sans-serif}@media (max-width: 600px){.modal-content h2{font-size:20px;padding-bottom:10px}}.modal-content .description{white-space:pre-line;padding-bottom:20px;font-size:16px;font-family:Montserrat,sans-serif}@media (max-width: 600px){.modal-content .description{font-size:14px;padding-bottom:10px}}.modal-content .keywords{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:20px}.modal-content .keywords span{background:var(--color-secondary);color:var(--color-bg);padding:5px 10px;border-radius:15px;font-size:14px;font-family:Montserrat,sans-serif}.modal-content .images .img picture,.modal-content .images .img img{position:static!important}.modal-content .images .img .loader{padding-top:80px;align-items:start}.modal-content .buttons{display:flex;gap:10px;justify-content:center;align-items:center;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.modal-content .buttons a{background:var(--col-brown);color:var(--col-white);text-decoration:none;padding:5px 15px;display:flex;gap:5px;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat Alternates,sans-serif}:root{--col-green: #356259;--col-white: #fff;--col-black: #000;--col-brown: #B99470;--col-milky: #FFF9EE}.container{width:100%;max-width:1300px;margin:0 auto}@media (max-width: 1550px){.container{padding:0 100px 0 160px;max-width:1220px}}@media (max-width: 950px){.container{padding:0 80px 0 130px;max-width:100%}}@media (max-width: 600px){.container{padding:0 20px}}.title{font-size:50px;font-weight:400}@media (max-width: 600px){.title{font-size:40px}}@media (max-width: 380px){.title{font-size:35px}}@media (max-width: 340px){.title{font-size:26px}}.txt{font-weight:400;font-family:Montserrat,sans-serif;font-size:16px}@media (max-width: 1150px){.txt{font-size:15px}}@media (max-width: 600px){.txt{font-size:14px}}.btn{white-space:nowrap;font-size:16px;overflow:hidden;font-weight:400;padding:14px 70px;border:1px solid;cursor:pointer;color:inherit;text-decoration:none}@media (max-width: 1150px){.btn{padding:12px 45px;font-size:14px}}@media (max-width: 600px){.btn{padding:8px 18px;font-size:14px}}.description .aki_wrapper.aki__line{overflow:hidden}.loader{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#9c836b4d;opacity:.8}