section.hero{background:#8ee4af;background:linear-gradient(0deg, #f8fafc 0%, #8ee4af 100%);padding:100px 0;text-align:center}section.hero h1{font-size:4.5rem;line-height:0.8;font-weight:700;color:var(--title)}@media (max-width: 576px){section.hero h1{font-size:4rem;line-height:4rem}}section.hero p.subtitle{font-size:2.3rem;line-height:0.8;font-weight:700;color:var(--title);margin-top:20px}@media (max-width: 576px){section.hero p.subtitle{font-size:2rem;line-height:2.5rem}}section.hero p.subtitle+p{font-size:1.2rem;color:var(--title);max-width:800px;margin:50px auto 0}.projects .projects-categories{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;justify-content:flex-start}.projects .projects-categories .item{border:1px solid var(--title);background:#fff;width:fit-content;padding:10px 15px;box-sizing:border-box;margin-right:10px;border-radius:5px;text-decoration:none;color:var(--title);font-weight:500;margin-top:10px}.projects .projects-categories .item:hover{cursor:pointer;background:transparent}.projects ul.mod-list{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;flex-direction:row}.projects ul.mod-list li{border:1px solid var(--subtitle);padding:15px 30px;box-sizing:border-box;border-radius:10px;transition:.2s linear;background:#fff;font-size:1.1rem;width:fit-content;color:var(--title);margin-bottom:20px;width:calc(100% / 5 - 20px)}@media (max-width: 800px){.projects ul.mod-list li{width:calc(100% / 3 - 15px)}}@media (max-width: 480px){.projects ul.mod-list li{width:calc(100% / 2 - 5px);padding:15px}}@media (max-width: 395px){.projects ul.mod-list li{font-size:1rem;padding:15px 10px}}.projects ul.mod-list li:hover{background:var(--green)}.projects ul.mod-list li:hover a{text-decoration:none}.projects .projects-block,.projects .categories-module{margin-top:50px;display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}.projects .projects-block .projects-item,.projects .projects-block .item,.projects .categories-module .projects-item,.projects .categories-module .item{border:1px solid var(--maingreen);border-top:4px solid var(--maingreen);width:calc(100% / 4 - 10px);padding:25px;box-sizing:border-box;border-radius:10px;background:#fff;margin-bottom:30px}@media (max-width: 800px){.projects .projects-block .projects-item,.projects .projects-block .item,.projects .categories-module .projects-item,.projects .categories-module .item{width:calc(100% / 3 - 10px)}}@media (max-width: 576px){.projects .projects-block .projects-item,.projects .projects-block .item,.projects .categories-module .projects-item,.projects .categories-module .item{width:calc(100% / 2 - 10px)}}@media (max-width: 480px){.projects .projects-block .projects-item,.projects .projects-block .item,.projects .categories-module .projects-item,.projects .categories-module .item{width:100%}}.projects .projects-block .projects-item .level,.projects .projects-block .item .level,.projects .categories-module .projects-item .level,.projects .categories-module .item .level{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;justify-content:flex-start;gap:10px;position:absolute;top:-25px;margin:0}.projects .projects-block .projects-item a:not(.btn-more),.projects .projects-block .item a:not(.btn-more),.projects .categories-module .projects-item a:not(.btn-more),.projects .categories-module .item a:not(.btn-more){font-size:1.6rem;line-height:2.2rem;color:var(--maingreen);font-weight:700;text-decoration:none;display:block;min-height:70px;margin-top:25px}@media (max-width: 414px){.projects .projects-block .projects-item a:not(.btn-more),.projects .projects-block .item a:not(.btn-more),.projects .categories-module .projects-item a:not(.btn-more),.projects .categories-module .item a:not(.btn-more){min-height:auto}}.projects .projects-block .projects-item a:not(.btn-more):hover,.projects .projects-block .item a:not(.btn-more):hover,.projects .categories-module .projects-item a:not(.btn-more):hover,.projects .categories-module .item a:not(.btn-more):hover{text-decoration:underline}.projects .projects-block .projects-item p.introtext,.projects .projects-block .item p.introtext,.projects .categories-module .projects-item p.introtext,.projects .categories-module .item p.introtext{margin:20px 0;font-size:0.9rem;min-height:110px}@media (max-width: 414px){.projects .projects-block .projects-item p.introtext,.projects .projects-block .item p.introtext,.projects .categories-module .projects-item p.introtext,.projects .categories-module .item p.introtext{min-height:auto}}.projects .projects-block .projects-item p>span,.projects .projects-block .item p>span,.projects .categories-module .projects-item p>span,.projects .categories-module .item p>span{background:var(--maingreen);color:#fff;width:fit-content;padding:2px 10px;box-sizing:border-box;border-radius:5px;display:block;margin:10px 0 10px;font-size:0.7rem}section.content{background:#fff;padding:60px 40px;box-sizing:border-box;border-radius:15px;margin:100px auto 30px;max-width:90%;border:2px solid var(--title);border-top:5px solid var(--title)}@media (max-width: 576px){section.content{padding:30px 20px;max-width:95%}}section.content .wrapper h2:first-child{margin-top:0}section.content p{color:var(--text)}section.content ul{columns:2;-webkit-columns:2;-moz-columns:2;list-style-type:none;column-gap:30px}@media (max-width: 576px){section.content ul{columns:1;-webkit-columns:1;-moz-columns:1}}section.content ul li{position:relative;padding-left:10px;margin-bottom:10px;max-width:90%;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid}@media (max-width: 576px){section.content ul li{max-width:100%}}section.content ul li:before{content:'';position:absolute;left:-20px;top:3px;background:url("/images/pin.png");width:16px;height:16px}section.project-hero{padding:50px 0}section.project-hero .wrapper{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}section.project-hero .wrapper .item{width:calc(100% / 2 - 20px)}@media (max-width: 800px){section.project-hero .wrapper .item{width:100%}}section.project-hero .wrapper .item h1{font-size:4rem;line-height:4rem;font-weight:700;color:var(--title)}@media (max-width: 576px){section.project-hero .wrapper .item h1{font-size:3.5rem;line-height:4rem}}section.project-hero .wrapper .item p.subtitle{font-size:1.1rem;line-height:1.5;font-weight:700;color:var(--title);margin:25px 0}section.project-hero .wrapper .item ul.skills{list-style-type:none;display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;padding:0;margin:0 0 20px;justify-content:flex-start}section.project-hero .wrapper .item ul.skills li{background:var(--green);color:var(--subtitle);padding:5px 10px;border-radius:5px;font-size:0.9rem;margin-right:15px;margin-bottom:10px}h2{color:var(--title);font-size:2rem;line-height:2.2rem;font-weight:700;text-align:center;position:relative;margin:80px 0 70px}h2:after{position:absolute;content:'';background:var(--title);width:100px;height:4px;left:calc(100% / 2 - 50px);bottom:-20px}h2+p.subtitle{font-size:1.2rem;color:var(--title);max-width:600px;margin:50px auto;text-align:center}h3{font-size:1.5rem;margin:30px 0 10px;font-weight:700;color:var(--title)}.project .block-info{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;margin:80px 0}@media (max-width: 576px){.project .block-info{margin:0}}.project .block-info .item{width:calc(100% / 2 - 20px);padding:50px 30px;box-sizing:border-box;background:#fff;border-radius:10px;margin-bottom:20px;border:1px solid var(--title);border-top:4px solid var(--title)}@media (max-width: 576px){.project .block-info .item{width:100%}}.project .block-info .item h2{margin-top:0}.project .practical{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}.project .practical .item{width:calc(100% / 2 - 20px)}@media (max-width: 576px){.project .practical .item{width:100%}}.project ul{list-style-type:none}.project ul li{position:relative;padding-left:10px;margin-bottom:10px}.project ul li:before{content:'';position:absolute;left:-20px;top:3px;background:url("/images/pin.png");width:16px;height:16px}.project .final{background:var(--subtitle);padding:40px;box-sizing:border-box;border-radius:10px;color:#fff;display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;margin:80px auto;max-width:70%}@media (max-width: 800px){.project .final{padding:40px 25px;max-width:100%;margin:40px auto}}
