@charset "UTF-8";
@keyframes slide-in{0%{left:-100px;opacity:0}100%{left:50%;opacity:1}}@keyframes rotate{0%{transform:rotateY(0deg)}100%{transform:rotateY(360deg)}}.about{background-color:#F6F6F7;padding:39px 22px 36px}.about__container{max-width:560px;margin:0 auto}@media screen and (min-width:768px){.about__container{max-width:initial;margin:0;display:flex;flex-direction:row-reverse;justify-content:space-between;gap:40px}}@media screen and (min-width:1200px){.about__container{gap:0}}.about__title{display:flex;max-width:580px;font-size:1.5rem;font-weight:700;line-height:110%;margin-bottom:22px;margin-left:2px}@media screen and (min-width:1200px){.about__title{font-size:2.5rem;font-weight:700}}.about__title:before{content:"";display:block;vertical-align:-2px;height:inherit;min-width:10px;background:#FFC700;margin-right:0.75rem;border-radius:2px}@media screen and (min-width:1200px){.about__title:before{margin-right:1.6rem;min-width:1.3rem;border-radius:4px}}@media screen and (min-width:768px){.about__title{display:none}}@media screen and (min-width:768px){.about .main-content{width:50%}}@media screen and (min-width:1200px){.about .main-content{max-width:34.6rem}}.about .field-block-title{display:flex;max-width:580px;font-size:1.5rem;font-weight:700;line-height:110%;display:none;margin-bottom:24px}@media screen and (min-width:1200px){.about .field-block-title{font-size:2.5rem;font-weight:700}}.about .field-block-title:before{content:"";display:block;vertical-align:-2px;height:inherit;min-width:10px;background:#FFC700;margin-right:0.75rem;border-radius:2px}@media screen and (min-width:1200px){.about .field-block-title:before{margin-right:1.6rem;min-width:1.3rem;border-radius:4px}}@media screen and (min-width:768px){.about .field-block-title{display:flex}}@media screen and (min-width:1200px){.about .field-block-title{margin-left:-2.95rem;margin-bottom:2.7rem}}.about .field-block-photo{margin-bottom:18px}.about .field-block-photo img{width:100%}@media screen and (min-width:1200px){.about .field-block-photo img{max-width:28rem}}@media screen and (min-width:768px){.about .field-block-photo{flex-basis:50%}}@media screen and (min-width:1200px){.about .field-block-photo{flex-basis:fit-content;margin-top:-1rem;margin-right:0.05rem}}.about .field-block-text{margin-bottom:32px}@media screen and (min-width:1200px){.about .field-block-text p{margin-bottom:37px}}.about .field-block-text p:nth-child(2){margin-bottom:22px}@media screen and (min-width:1200px){.about .field-block-text p:nth-child(2){max-width:33.5rem;margin-bottom:1.25rem}}.about .field-block-text p:nth-child(3){max-width:34rem}@media screen and (min-width:1200px){.about .field-block-text{margin-bottom:1rem}}.about .viber-group{overflow:hidden;border-radius:8px;position:relative;margin-left:-3px;margin-right:4px;max-width:fit-content}@media screen and (min-width:1200px){.about .viber-group{margin:0;margin-left:-0.05rem}}.about .viber-group .field__link{font-size:14px;font-weight:600;display:inline-block;background:#FFC700;color:#323336;margin:0 auto;display:flex;justify-content:center;max-width:fit-content}.about .viber-group .field__link::after{content:"";width:100%;height:100%;background-color:#ffb700;position:absolute;top:0;right:0;border-radius:8px;transform:translateX(-100%);transition:0.35s}.about .viber-group .field__link:hover:after{transform:translateX(0)}.about .viber-group .field__link a{padding:16px 19px}@media screen and (min-width:1200px){.about .viber-group .field__link a{padding:0.95rem 1.2rem}}.about .viber-group .field__link a{text-align:center;position:relative;text-decoration:none;z-index:2;padding:13px 15px;width:100%}@media screen and (min-width:768px){.about .viber-group .field__link a{width:338px}}@media screen and (min-width:1200px){.about .viber-group .field__link a{width:16.9rem;font-size:1rem;font-weight:700;display:flex;flex-direction:row-reverse;align-items:center;max-width:fit-content;padding:0.9rem 1.25rem 0.9rem 1.2rem}}.about .viber-group .field__link a::before{content:"";font-family:"icomoon", sans-serif;display:inline-block;margin-right:8px;font-size:17px;font-weight:500;display:none;margin:0 0 0 3px}@media screen and (min-width:1200px){.about .viber-group .field__link a::before{margin-right:0.3rem;font-size:1.1rem}}@media screen and (min-width:1200px){.about .viber-group .field__link a::before{display:initial;font-size:1.5rem;margin:0;margin-left:0.25rem}}@media screen and (min-width:1200px){.about{padding:3.2rem 13.85rem 1rem 11.35rem}}/*# sourceMappingURL=about_me.css.map */