body {min-height:100vh;display:flex;flex-direction:column;position:relative;background:#fff;font-family:'PT Sans';margin:0;padding:0;}
body.body-dark {background:#000;color:#fff;}

.triangle-left {position:absolute;top:25%;left:0;height:100px;width:100px;z-index:-1;}
.triangle-left:after {content:"";border:70px solid transparent;border-left: 70px solid #ef987d;position:absolute;top:0;left:0;}
.triangle-right {position:absolute;bottom:50%;right:0;transform:translate(0,-50%);height:100px;width:100px;z-index:-1;}
.triangle-right:after {content:"";border:170px solid transparent;border-right: 170px solid #ef987d;position:absolute;top:0;right:0;}
.triangle-left-bottom {position:fixed;bottom:25%;left:0;height:100px;width:100px;z-index:-1;}
.triangle-left-bottom:after {content:"";border:70px solid transparent;border-left: 70px solid #ef987d;position:absolute;top:0;left:0;}
.container {max-width:none;margin:0 auto;}
.miniblock-info {max-width:300px;margin:auto auto;padding:10px;}
.name {display:flex;align-items:center;justify-content:center;position:relative;display:flex;font-size:80px;font-weight:600;text-transform:uppercase;margin-bottom:1rem;line-height:1;height:150px;padding:.5rem;overflow:hidden;}
.name .first-name {display:flex;text-align:center;}
.name .last-name {line-height:0;display:flex;text-shadow: 0px -1px #ffffff,
1px -1px #ffffff,1px 0px #ffffff,1px 1px #ffffff,
0px 1px #ffffff,
-1px 1px #ffffff,
-1px 0px #ffffff,
-1px -1px #ffffff,
0px -2px #ffffff,
2px -2px #ffffff,
2px 0px #ffffff,
2px 2px #ffffff,
0px 2px #ffffff,
-2px 2px #ffffff,
-2px 0px #ffffff,
-2px -2px #ffffff;color:#000;font-size:94px;position:absolute;top:100%;left:calc(50% + 3px);transform:translate(-50%,0);margin-top:-35px;letter-spacing:.4rem;}
.body-dark .first-name, .body-dark .name, .body-dark .last-name {color:#fff;}
.body-dark .last-name {text-shadow: 0px -1px #000,
1px -1px #000,1px 0px #000,1px 1px #000,
0px 1px #000,
-1px 1px #000f,
-1px 0px #000,
-1px -1px #000,
0px -2px #000,
2px -2px #000,
2px 0px #000,
2px 2px #000,
0px 2px #000,
-2px 2px #000,
-2px 0px #000,
-2px -2px #000;}
.social-links {margin-top:1rem;padding:0;list-style:none;display:flex;flex-direction:column;}
.social-links li a {display:flex;align-items:center;justify-content:center;border:1px solid transparent;padding:.7rem 1.5rem;transition:all .2s ease;text-decoration:none;font-weight:600;border-radius:2px;}
.social-links li:not(:last-child) a {margin-bottom:.3rem;}
.social-links li a.vk {background:#0077ff;color:#fff;}
.social-links li a.tg {background:#27A7E7;color:#fff;}
.social-links li a.inst {background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);color:#fff;}
.social-links li a.vk:hover {background:#fff;border-color:#0077ff;color:#0077ff;}
.social-links li a.tg:hover {background:#fff;border-color:#27A7E7;color:#27A7E7;}
.social-links li a .icon {margin-right:.5rem;}

.header {margin-bottom:1rem;}
.nav-inline {display:flex;align-items:center;margin:0;padding:0;list-style:none;}

.header-nav li:not(:last-child) {margin-right:1.1rem;}
.header-nav li a {display:flex;align-items:center;justify-content:center;text-decoration:none;padding:.7rem 0;color:#000;position:relative;}
.body-dark .header-nav li a {color:#fff;}
.header-nav li a:hover {color:#ef987d;}
.header-nav li a:after {content:"";background:#ef987d;height:4px;width:100%;position:absolute;left:0;bottom:0;}
.header-nav li a:hover:after {height:8px;} 

.cat-list {margin-bottom:1rem;padding:0;display:flex;list-style:none;}
.cat-list li a {display:flex;align-items:center;justify-content:center;border-radius:30px;text-decoration:none;background:#ef987d;border:1px solid transparent;color:#fff;padding:.4rem 1rem;font-weight:500;line-height:normal;}
.cat-list li:not(:last-child) a {margin-right:.5rem;}
.cat-list li a:hover {background:#fff;border-color:#ef987d;color:#ef987d;box-shadow:0 0 10px rgba(239,152,125,1);}

.work-item {background:#fff;border-radius:30px;border:1px solid #ececec;}
.work-item--image {display:flex;align-items:center;justify-content:center;height:230px;margin-bottom:1rem;background:#ececec;border-radius:30px;}
.work-item--inner {display:flex;flex-direction:column;padding:1.5rem;position:relative;}
.work-item--title {font-weight:600;font-size:20px;margin-bottom:.5rem;}
.work-item--title a {text-decoration:none;color:#000;}
.work-item--title a:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;}
.work-item--text {color:#666;font-size:15px;}

.blog-post {display:block;background:#fff;border:1px solid #ececec;border-radius:30px;transition:box-shadow .05s ease;text-decoration:none;color:inherit;}
.blog-post:not(:last-child) {margin-bottom:1rem;}
.blog-post:hover {box-shadow:0 0 30px 5px rgba(0,0,0,.1);color:inherit;}
.blog-post-inner {display:flex;flex-wrap:wrap;padding:1.5rem;}
.blog-post--image {display:flex;align-items:center;justify-content:center;flex:0 0 25%;margin-right:1.5rem;background:#ececec;border-radius:30px;}
.blog-post--info {flex:1;}
.blog-post--title {font-weight:600;font-size:20px;margin:0;margin-bottom:1rem;}
.blog-post--text {font-size:15px;}

.footer-site {margin-top:auto;padding:2rem 0;}
@media(max-width:768px) {
    .blog-post--image {flex:0 0 100%;margin-bottom:1rem;}
}
@media(min-width:768px) {
    .container {max-width:1050px;}
}