:root{--primary-text-color: #212121;--title-text-color: #757575;--accent-color: #2196f3;--primary-white-color: #ffffff;--icons-color: #afb1b8;--bg-color: #2f303a;--modal-icon-color: #212121;--cubic-bezier: cubic-bezier(0.4, 0, 0.2, 1)}body{background-color:#fff;color:var(--primary-text-color);font-family:"Montserrat",sans-serif;letter-spacing:.03em}.backdrop{position:fixed;top:0%;width:100%;height:100%;z-index:2;opacity:1;overflow-y:scroll;background-color:rgba(0,0,0,.2);transition:opacity 500ms var(--cubic-bezier)}.is-hidden{visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%, -50%) scale(0.4) rotate(360deg)}.section__title.feature-title{display:none}.section-title.portfolio-title{display:none}ul{padding:0;margin:0;list-style:none}img{display:block;width:100%;max-width:100%;height:auto}.link{text-decoration:none}p{margin:0}.container{width:100%;max-width:480px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 768px){.container{max-width:768px}}@media screen and (min-width: 1200px){.container{max-width:1200px}}.section{padding-top:60px;padding-bottom:60px}.section__title{margin-top:0;margin-bottom:30px;font-family:"Montserrat";font-style:normal;font-weight:700;font-size:28px;line-height:1.17;text-align:center;letter-spacing:.03em;color:#4b4b4b}@media screen and (min-width: 1200px){.section__title{font-family:"Montserrat";font-style:normal;font-weight:700;font-size:36px;line-height:1.16}}.button{color:var(--primary-text-color);background-color:#f5f4fa;font-family:inherit;cursor:pointer;transition-property:background-color,color,box-shadow;transition-duration:250ms;transition-timing-function:var(--cubic-bezier)}.button.primary-hero{position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);padding:10px 20px;border:0px;border-radius:4px;color:var(--primary-white-color);background-color:var(--accent-color);font-weight:700;font-size:14px;line-height:1.88;letter-spacing:.06em}.button.primary-hero:hover{color:var(--accent-color);background-color:var(--primary-white-color)}@media screen and (min-width: 768px){.button.primary-hero{position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);padding:10px 32px;border:0px;border-radius:4px;color:var(--primary-white-color);background-color:var(--accent-color);font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em}}@media screen and (min-width: 1200px){.button.primary-hero{top:60%}}.button.filter__button-secondary-filter{margin-left:8px;margin-bottom:15px;padding:6px 22px 6px 22px;border:0px;border-radius:4px;font-weight:500;font-size:16px;line-height:1.62;color:var(--primary-text-color);background-color:#f5f4fa}.button:hover,.button:focus{color:var(--primary-white-color);background-color:var(--accent-color)}.logo{display:block;width:200px;max-width:100%;height:auto}.logo-secondary{display:block;margin-bottom:20px;font-family:Raleway,sans-serif;font-weight:700;font-size:26px;line-height:1.19;text-decoration:none;color:var(--primary-white-color);transition:color 250ms var(--cubic-bezier)}.logo-secondary:hover,.logo-secondary:focus{color:var(--accent-color)}.logo-accent{font-family:Raleway,sans-serif;font-weight:700;font-size:26px;line-height:1.19;text-decoration:none;color:var(--accent-color);transition:color 250ms var(--cubic-bezier)}.logo-accent:focus{color:var(--accent-color)}.logo-blue{font-family:Raleway,sans-serif;font-weight:700;font-size:26px;line-height:1.19;text-decoration:none;color:var(--accent-color)}.page-footer__contacts .logo{margin:0 auto}.network{display:flex;justify-content:center}.network__button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--icons-color);transition-property:background-color,color;transition-duration:250ms;transition-timing-function:var(--cubic-bezier)}.network__button:hover{color:var(--primary-white-color);background-color:var(--accent-color)}.network li+li{margin-left:10px}.network__link:focus .network__button{color:var(--primary-white-color);background-color:var(--accent-color)}.network__icon{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;margin-bottom:auto;fill:currentColor}.network-list.network--dark{display:flex;align-items:center;justify-content:center}.network__icon.network--dark{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;margin-bottom:auto;fill:#fff}.network__icon.network--dark:hover{fill:var(--accent-color)}.network-list.network--dark li+li{margin-left:10px}.network__button.network--dark{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:var(--accent-color);color:var(--primary-white-color);transition:background-color 250ms var(--cubic-bezier)}.network__button.network--dark:hover{background-color:#fff}.network__link.network--dark:focus .network__button.network--dark{background-color:#fff}.page-header{position:relative;background-color:#fff;border-bottom:1px solid #ececec;box-shadow:0px 3px 5px 1px rgba(199,199,199,.3)}.sticky{position:fixed;top:0;width:100%;z-index:10}.main-nav{display:flex;align-items:center;padding-top:10px;padding-bottom:10px}@media screen and (min-width: 768px){.main-nav{display:flex;justify-content:space-between;align-items:center;max-width:768px}}@media screen and (min-width: 1200px){.main-nav{max-width:1200px;justify-content:space-between}}.site-nav.list{display:none;padding-top:20px;padding-bottom:20px}@media screen and (min-width: 768px){.site-nav.list{max-width:768px;display:flex}}@media screen and (min-width: 1200px){.site-nav.list{max-width:1200px;margin-right:50px}}.site-nav{display:flex}@media screen and (min-width: 1200px){.site-nav{margin-left:92px}}.site-nav__item:not(:last-child){margin-right:20px}@media screen and (min-width: 1200px){.site-nav__item:not(:last-child){margin-right:50px}}.site-nav .link{padding:15px 5px;border-radius:2px;font-weight:500;font-size:14px;line-height:1.2;letter-spacing:.02em;text-decoration:none;color:var(--primary-text-color);transition:color 250ms var(--cubic-bezier)}.site-nav .link:hover,.site-nav .link:focus{color:var(--accent-color);border-bottom:2px solid var(--accent-color);background:#f7f7f7}.auth-nav{display:none}@media screen and (min-width: 768px){.auth-nav{max-width:768px;display:flex;flex-direction:column;gap:10px}}@media screen and (min-width: 1200px){.auth-nav{max-width:1200px;display:flex;flex-direction:row;margin-left:auto}}.auth-nav .link{display:flex;align-items:center;color:var(--title-text-color);text-decoration:none;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em}.auth-nav__item .link{transition:color 250ms var(--cubic-bezier)}.auth-nav__item .link:hover,.auth-nav__item .link:focus{color:var(--accent-color)}@media screen and (min-width: 1200px){.auth-nav__item:not(:last-child){margin-right:50px}}.auth-nav__link-svg{margin-right:10px;fill:currentColor}.burger-button{z-index:3;margin-left:auto;display:inline-flex;padding:0;border:none;background-color:rgba(0,0,0,0)}@media screen and (min-width: 768px){.burger-button{display:none}}.burger-button:hover{fill:var(--accent-color)}.burger-button .icon-menu-close{display:none}.burger-button.is-open .icon-menu-close{display:block}.burger-button.is-open .icon-menu{display:none}.menu-container{display:none;z-index:2;position:fixed;top:0;left:0;background-color:#fff;width:100vw;height:100vh;background:#fff;box-shadow:0px 4px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.08),0px 1px 3px rgba(0,0,0,.16)}.menu-container.is-open{display:block}.burger-container{height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:auto;padding:48px 40px}.burger-nav{text-align:start}.burger-nav__item{font-weight:500;font-size:20px;line-height:1.14;letter-spacing:.02em;text-decoration:none;list-style:none;color:#212121}.burger-nav__item:not(:last-child){margin-bottom:32px}.burger-nav__link{text-decoration:none;transition:color 250ms var(--cubic-bezier);color:#212121}.burger-nav__link:hover,.burger-nav__link :focus{color:var(--accent-color)}.burger-contacts{display:flex;justify-content:center;flex-direction:column}.burger-contacts__item{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;text-decoration:none;list-style:none}.burger-contacts__item:first-child{margin-bottom:32px}.burger-contacts__link{text-decoration:none;color:#757575}.burger-contacts__link:hover,.burger-contacts__link :focus{color:var(--accent-color)}.burger-contacts__link-mail{font-weight:500;font-size:24px;line-height:1.16;letter-spacing:.02em;color:#757575;text-decoration:none;list-style:none}.burger-contacts__link-mail:hover,.burger-contacts__link-mail :focus{color:var(--accent-color)}.burger-network{display:flex;flex-wrap:wrap;margin-top:64px}.burger-social{align-items:center;font-family:"Montserrat";font-style:normal;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;list-style:none;padding-right:10px;color:var(--accent-color)}.burger-social:not(:last-child){margin-right:10px;border-right:1px solid rgba(33,33,33,.2)}.burger-social__link{text-decoration:none;color:var(--accent-color)}.hero{background-color:var(--bg-color);text-align:center;position:relative;width:100%;height:100vh;overflow:hidden}.hero__bg{position:absolute;top:0;left:0;width:100%;height:100vh;object-fit:cover}.hero__bg video{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.container.hero__container{padding:118px 60px}@media screen and (min-width: 768px){.container.hero__container{padding:118px 204px}}@media screen and (min-width: 1200px){.container.hero__container{padding:200px}}.hero__title{width:100%;font-weight:900;font-size:26px;line-height:1.62;text-align:center;letter-spacing:.06em;text-transform:uppercase;position:absolute;top:33%;left:50%;transform:translate(-50%, -50%);color:var(--primary-white-color)}@media screen and (min-width: 768px){.hero__title{font-size:32px}}@media screen and (min-width: 1200px){.hero__title{font-size:40px;line-height:1.36}}.hero__title.secondary{font-weight:500;font-size:14px;line-height:1.2;text-align:center;letter-spacing:.06em;text-transform:uppercase;position:absolute;top:44%;left:50%;transform:translate(-50%, -50%);color:#fff}@media screen and (min-width: 768px){.hero__title.secondary{font-size:16px;top:45%}}@media screen and (min-width: 1200px){.hero__title.secondary{color:var(--primary-white-color);font-weight:500;font-size:20px;line-height:1.18;letter-spacing:.06em}}section.feature{background:linear-gradient(180deg, rgb(240, 250, 255) 0%, rgb(244, 251, 255) 50%, rgb(244, 251, 255) 100%)}.feature-subtitle{margin-top:0;margin-bottom:30px;font-weight:600;font-size:14px;text-align:center;line-height:1.3;letter-spacing:.03em;color:#4b4b4b}@media screen and (min-width: 480px){.feature-subtitle{font-size:16px}}@media screen and (min-width: 768px){.feature-subtitle{max-width:80%;margin-left:auto;margin-right:auto}}.feature-list{display:flex;justify-content:center;flex-direction:column}@media screen and (min-width: 768px){.feature-list{flex-direction:row;gap:10px}}@media screen and (min-width: 1200px){.feature-list{flex-direction:row;flex-wrap:wrap;gap:50px}}.feature-list__item{position:relative;min-height:460px;height:fit-content;padding:10px 15px 70px;border-radius:4px;background-color:#fff;box-shadow:-1px 2px 12px -9px #787878}.feature-list__item:not(:last-child){margin-bottom:30px}@media screen and (min-width: 768px){.feature-list__item{max-width:239px;min-height:770px}.feature-list__item:not(:last-child){margin-bottom:0px}}@media screen and (min-width: 1200px){.feature-list__item{margin-bottom:0;min-height:645px;max-width:350px}}.item-img1{display:block;width:100%;min-height:200px;margin-bottom:30px;border-radius:4px;background-color:#f5f4fa;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url("../../images/screenshot_2.webp");transition:scale 350ms var(--cubic-bezier)}.item-img1:hover{scale:1.08}.item-img2{display:block;width:100%;min-height:200px;margin-bottom:30px;border-radius:4px;background-color:#f5f4fa;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url("../../images/screenshot_6.webp");transition:scale 350ms var(--cubic-bezier)}.item-img2:hover{scale:1.08}.item-img3{display:block;width:100%;min-height:200px;margin-bottom:30px;border-radius:4px;background-color:#f5f4fa;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url("../../images/screenshot_4.webp");transition:scale 350ms var(--cubic-bezier)}.item-img3:hover{scale:1.08}.feature-list__title{margin-top:0;margin-bottom:20px;text-align:center;font-weight:600;font-size:20px;line-height:1.14;color:#4b4b4b}.feature-list__text{margin-top:0;margin-bottom:0;text-align:start;font-weight:400;font-size:12px;line-height:1.51;color:#757575}@media screen and (min-width: 768px){.feature-list__text{font-size:14px}}#check{display:none}#checkOne{display:none}#checkTwo{display:none}.read-more{display:none;transition:350ms linear}.feature-list__item label{position:absolute;top:93%;left:50%;transform:translate(-50%, -50%);display:block;width:90%;margin:10px auto;padding:8px 12px;border-radius:4px;color:var(--primary-white-color);background-color:var(--accent-color);font-weight:600;text-align:center;font-size:14px;line-height:1.88;letter-spacing:.06em;cursor:pointer;box-shadow:-7px 8px 11px -1px rgba(128,128,128,.2);transition:background-color 350ms var(--cubic-bezier)}.feature-list__item label:hover{background-color:#077ff7}#check:checked~.read-more{display:block}#check:checked~label{visibility:hidden}#check:checked~label::after{position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);content:"Show Less";display:block;visibility:visible;width:100%;margin:10px auto;padding:8px 12px;border-radius:4px;color:var(--primary-white-color);background-color:var(--accent-color);font-weight:600;text-align:center;font-size:14px;line-height:1.88;letter-spacing:.06em;cursor:pointer}@media screen and (min-width: 768px){#check:checked~label::after{top:120%}}@media screen and (min-width: 1200px){#check:checked~label::after{top:75%}}#checkOne:checked~.read-more{display:block}#checkOne:checked~label{visibility:hidden}#checkOne:checked~label::after{position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);content:"Show Less";display:block;visibility:visible;width:100%;margin:10px auto;padding:8px 12px;border-radius:4px;color:var(--primary-white-color);background-color:var(--accent-color);font-weight:600;text-align:center;font-size:14px;line-height:1.88;letter-spacing:.06em;cursor:pointer}@media screen and (min-width: 768px){#checkOne:checked~label::after{top:113%}}@media screen and (min-width: 1200px){#checkOne:checked~label::after{top:60%}}#checkTwo:checked~.read-more{display:block}#checkTwo:checked~label{visibility:hidden}#checkTwo:checked~label::after{position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);content:"Show Less";display:block;visibility:visible;width:100%;margin:10px auto;padding:8px 12px;border-radius:4px;color:var(--primary-white-color);background-color:var(--accent-color);font-weight:600;text-align:center;font-size:14px;line-height:1.88;letter-spacing:.06em;cursor:pointer}@media screen and (min-width: 768px){#checkTwo:checked~label::after{top:107%}}@media screen and (min-width: 1200px){#checkTwo:checked~label::after{top:60%}}.section.work{display:block;background:#f0faff;background:linear-gradient(360deg, rgb(240, 250, 255) 0%, rgb(244, 251, 255) 51%, rgb(244, 251, 255) 100%)}.work-sibtitle{margin-top:0;margin-bottom:30px;font-family:"Montserrat";font-style:normal;font-weight:600;font-size:14px;text-align:center;line-height:1.3;letter-spacing:.03em;color:#5d5d5d}@media screen and (min-width: 480px){.work-sibtitle{font-size:16px}}.work-list__item{display:flex;flex-direction:column;min-height:300px;width:100%;height:100%;padding:20px;border-radius:4px;background-color:#fff;box-shadow:-1px 2px 12px -9px #787878;transition:scale 350ms var(--cubic-bezier);transition:background-color 350ms ease-in-out}@media screen and (min-width: 768px){.work-list__item{max-width:350px;min-height:320px}}@media screen and (min-width: 1200px){.work-list__item{min-height:350px}}.work-list__item:hover{background-color:var(--accent-color);scale:1.02}.work-list__item:hover .work-list-icon{color:#fff}.work-list__item:hover .work-list__subtitle{color:#fff}.work-list__item:hover .work-list__text{color:#fff}.work-list-icon{color:var(--accent-color);margin-bottom:15px;margin-right:auto;margin-left:auto}.work-list__text{font-weight:400;font-size:12px;line-height:1.61;text-align:center;color:var(--primary-text-color)}@media screen and (min-width: 768px){.work-list__text{font-size:14px}}.work-list__subtitle{margin-bottom:10px;font-family:"Montserrat",sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:1.71;line-height:1.14;text-align:center;color:#2196f3}.section.team{background-color:#f5f4fa}.team-list{display:flex;flex-direction:column;gap:30px}@media screen and (min-width: 768px){.team-list{flex-direction:row;flex-wrap:wrap;justify-content:center}}@media screen and (min-width: 1200px){.team-list{flex-wrap:nowrap}}.team-list__item{max-width:450px;max-height:622px;background-color:var(--primary-white-color);border-radius:0px 0px 4px 4px;box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2)}@media screen and (min-width: 768px){.team-list__item{max-width:354px;max-height:536px}}.team-list__name{padding-top:30px;padding-bottom:30px;text-align:center}.team-list__title{margin-top:0px;margin-bottom:10px;color:var(--primary-text-color);font-weight:500;font-size:16px;line-height:1.19}.team-list__text{margin-top:0px;margin-bottom:16px;color:var(--title-text-color);font-size:16px;line-height:1.19}.section.clients{background:#f0faff;background:linear-gradient(360deg, rgb(240, 250, 255) 0%, rgb(244, 251, 255) 51%, rgb(244, 251, 255) 100%)}.clients-list{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}@media screen and (min-width: 768px){.clients-list{justify-content:space-around}}@media screen and (min-width: 1200px){.clients-list{flex-wrap:nowrap}.clients-list .clients-list li+li{margin-left:30px}}.clients-list__button{display:flex;justify-content:center;align-items:center;max-width:210px;max-height:92px;padding:16px 52px;border:1px solid currentColor;border-radius:4px;color:var(--icons-color);transition:color 250ms var(--cubic-bezier)}.clients-list__button:hover,.clients-list__button:focus{color:var(--accent-color);outline:none}@media screen and (min-width: 768px){.clients-list__button{max-width:226px}}@media screen and (min-width: 1200px){.clients-list__button{max-width:170px}}.clients-list__image-svg{fill:currentColor}.contact-subtitle{width:80%;margin:0 auto;text-align:center;font-size:14px}.contact-form{max-width:500px;margin:0 auto}.contact-form input,.contact-form textarea{padding:10px 20px;margin-bottom:15px;border-radius:4px;border:1px solid var(--icons-color);outline:none}.contact-form label,input,textarea{display:block;width:100%;font-family:inherit}.contact-form input,textarea{margin-top:8px}.contact-form button{max-width:130px;width:100%;padding:12px 32px;border-radius:8px;border:none;background-color:var(--accent-color);cursor:pointer;font-weight:600;text-transform:uppercase;color:#fff;transition:all 350ms var(--cubic-bezier)}.contact-form button:hover,.contact-form button:focus{outline:1px solid var(--accent-color);color:var(--accent-color);background-color:#fff}.page-footer{padding-top:60px;padding-bottom:60px;background-color:#fff}.page-footer__contacts{text-align:center}@media screen and (min-width: 1200px){.page-footer__contacts{text-align:start}}.page-footer .logo{margin:0px auto}@media screen and (min-width: 768px){.page-footer .logo{margin:0px}}.page-footer .container{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){.page-footer .container{flex-direction:row;flex-wrap:wrap;justify-content:space-between}}@media screen and (min-width: 1200px){.page-footer .container{flex-wrap:nowrap;align-items:center}}.page-footer__address{font-size:14px;line-height:1.71;text-decoration:none;font-style:normal;color:var(--primary-white-color);transition:color 250ms var(--cubic-bezier)}.page-footer__address:hover,.page-footer__address:focus{color:var(--accent-color)}.page-footer__link .link{margin-top:10px;color:#313131;font-size:14px;line-height:1.71;text-decoration:none;font-style:normal;text-align:center;transition:color 250ms var(--cubic-bezier)}@media screen and (min-width: 768px){.page-footer__link .link{text-align:start}}.page-footer__link .link:hover,.page-footer__link .link:focus{color:var(--accent-color)}.page-footer__network{padding-top:20px;padding-bottom:20px}@media screen and (min-width: 768px){.page-footer__network{margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px}}.page-footer__title{margin-bottom:20px;font-weight:500;font-size:12px;line-height:1.14;text-transform:uppercase;text-align:center;color:var(--primary-text-color)}@media screen and (min-width: 1200px){.page-footer__title{text-align:start}}@media screen and (min-width: 768px){.page-footer__subscription{margin-top:60px}}@media screen and (min-width: 1200px){.page-footer__subscription{margin-left:93px;margin-top:0px}}.page-footer__footer-form{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}@media screen and (min-width: 1200px){.page-footer__footer-form{flex-wrap:nowrap}}.page-footer__footer-form label{width:100%}@media screen and (min-width: 768px){.page-footer__footer-form label{text-align:center}}.page-footer__input-field{margin-bottom:20px;width:100%;height:50px;padding-left:16px;background-color:#2f303a;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-weight:400;font-size:16px;line-height:1.25;color:rgba(255,255,255,.6)}@media screen and (min-width: 768px){.page-footer__input-field{width:450px}}@media screen and (min-width: 1200px){.page-footer__input-field{margin-bottom:0px;width:358px}}.page-footer__button{display:flex;justify-content:center;align-items:center;width:200px;height:50px;padding:10px 28px;background-color:var(--accent-color);box-shadow:0px 4px 4px rgba(0,0,0,.15);border:0px;border-radius:4px;cursor:pointer;font-family:"Montserrat";font-style:normal;font-weight:700;font-size:16px;line-height:1.88;text-align:center;letter-spacing:.06em;color:var(--primary-white-color)}@media screen and (min-width: 1200px){.page-footer__button{margin-left:12px}}.page-footer__icon-send{margin-left:10px;fill:var(--primary-white-color)}.page-footer__input-field::placeholder{font-size:16px;line-height:1.25;color:rgba(255,255,255,.6)}.page-footer__nav .site-nav.list{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 1200px){.page-footer__nav .site-nav.list{flex-direction:row}}.page-footer__nav .site-nav__item:not(:last-child){margin-right:0px;padding-bottom:20px}@media screen and (min-width: 1200px){.page-footer__nav .site-nav__item:not(:last-child){margin-right:20px;padding-bottom:0px}}.footer-bottom{margin-top:40px;width:100%}.footer-bottom__text{font-size:12px;text-align:center}.filter__button{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:40px;max-width:326px}@media screen and (min-width: 768px){.filter__button{justify-content:center;flex-wrap:nowrap;max-width:100%}}.filter__button button:hover,.filter__button button:focus{box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12)}.work-examples{display:flex;flex-direction:column;flex-wrap:wrap}@media screen and (min-width: 768px){.work-examples{flex-direction:row;gap:30px}}@media screen and (min-width: 1200px){.work-examples{justify-content:space-around}}.work-examples__card .link{display:flex;flex-direction:column;height:100%}.work-examples__card-description{flex-grow:1}.work-examples__card{max-width:450px;margin-bottom:30px;transition-property:box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.work-examples__card{max-width:354px}}@media screen and (min-width: 1200px){.work-examples__card{max-width:370px}}@media screen and (min-width: 1200px){.work-examples__card:nth-last-child(n){margin-bottom:0px}}.work-examples__card:nth-child(3n){margin-right:0px}.work-examples__card:hover,.work-examples__card:focus{box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}.work-examples__card-image{position:relative;overflow:hidden;max-width:450px}@media screen and (min-width: 768px){.work-examples__card-image{width:354px}}.work-examples__text-overlay{display:flex;align-items:center;position:absolute;top:0;left:0;padding:24px;height:100%;font-weight:400;font-size:14px;line-height:1.56;color:var(--primary-white-color);background:rgba(33,150,243,.9);transform:translateY(100%);transition:transform 250ms var(--cubic-bezier)}.work-examples__card:hover .work-examples__text-overlay{transform:translateY(0)}.work-examples__card .link:focus .work-examples__text-overlay{transform:translateY(0)}@media screen and (min-width: 480px){.work-examples__text-overlay{font-size:18px}}.work-examples__text{margin:0px;color:var(--title-text-color);font-size:16px;line-height:1.87}.work-examples__work-title{margin-bottom:4px;margin-top:0px;color:var(--primary-text-color);font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em}.work-examples__card-description{border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;padding:20px 24px 20px 24px}.about-img{display:block;padding:10px;width:100%;height:100%;border-radius:6px}.about-text{max-width:600px;padding:10px;font-size:14px;text-align:center}/*# sourceMappingURL=main.min.css.map */