ul{list-style:none;padding:0;margin:0}a{text-decoration:none}h1,h2,h3{margin:0}p{margin:0}button{border:none;padding:0}body{font-family:"Roboto",sans-serif;font-weight:400}.container{width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.hero,.team,.work{padding-top:94px;padding-bottom:94px}.header{padding-top:24px;padding-bottom:25px}.header .container{display:flex;justify-content:space-between;align-items:center}.header__webStudio{font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;letter-spacing:.03em}.header__web{color:#2196f3;padding-top:24px;padding-bottom:25px}.header__studio{color:#000;padding-top:24px;padding-bottom:25px}.header__list{display:flex;flex-direction:row;align-items:center;margin-left:93px;gap:50px}.header__page{font-family:"Roboto",sans-serif;font-weight:500;font-size:14px;letter-spacing:.02em;color:#212121}.header__page:hover{color:#1b7ff2}.header__adress{display:flex;gap:30px;align-items:center;margin-left:auto}.header__contacts{font-style:normal;font-family:"Roboto",sans-serif;font-weight:500;font-size:14px;letter-spacing:.02em;color:#757575}.header__contacts:hover{color:#1b7ff2}.header__contacts:hover .header__icon{fill:#1b7ff2}.header__icon{fill:#757575}.header__contacts[href^=mailto] .header-icon{width:16px;height:12px}.header__contacts[href^=tel] .header-icon{width:10px;height:16px}.about{text-align:center;background-image:url("../images/about.jpg");padding-top:200px;padding-bottom:200px;position:relative}.about__title{background-image:url("https://i.pinimg.com/originals/87/76/ee/8776eefe1b715f5a83280cfba0a8f4b8.gif");-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);background-size:cover;width:696px;margin-left:auto;margin-right:auto;font-family:"Roboto",sans-serif;font-weight:900;font-size:44px;line-height:136%;letter-spacing:.06em;text-transform:uppercase;text-align:center}.about__more{font-family:"Roboto",sans-serif;font-weight:700;font-size:16px;line-height:187%;letter-spacing:.06em;text-align:center;margin-top:30px;width:216px;height:50px;border:none;border-radius:4px;cursor:pointer;background-color:#1b7ff2;color:#fff}.rules{padding-top:94px}.rules__list{display:flex;flex-direction:row;align-items:flex-start;gap:30px}.rules__item::before{content:"";display:block;width:270px;height:120px;margin-bottom:30px;border-radius:4px;background-color:#f5f4fa;background-repeat:no-repeat;background-position:center;background-size:70px 70px}.rules__item:nth-child(1)::before{background-image:url("../images/antenna.png")}.rules__item:nth-child(2)::before{background-image:url("../images/clock.png")}.rules__item:nth-child(3)::before{background-image:url("../images/diagram.png")}.rules__item:nth-child(4)::before{background-image:url("../images/astronaut.png")}.rules__title{font-family:"Roboto",sans-serif;font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:#212121}.rules__text{font-family:"Roboto",sans-serif;font-weight:400;font-size:14px;line-height:171%;letter-spacing:.03em;color:#757575}.work__title{font-family:"Roboto",sans-serif;font-weight:700;font-size:36px;letter-spacing:.03em;text-align:center;color:#212121;text-align:center}.work__list{display:flex;flex-direction:row;align-items:flex-start;margin-top:50px;margin-bottom:0;gap:30px}.work__item{position:relative}.work__item::after{content:"ДЕСКТОПНІ ДОДАТКИ";position:absolute;bottom:0;left:0;width:100%;padding:27px 0;background:rgba(47,48,58,.8);color:#fff;text-align:center;font-weight:700;font-size:14px}.work__item__item:nth-child(2)::after{content:"МОБІЛЬНІ ДОДАТКИ"}.work__item__item:nth-child(3)::after{content:"ДИЗАЙНЕРСЬКІ РІШЕННЯ"}.work__item:hover{animation:heartBeat 1s}.work__photo{display:block}.team{background-color:#fdfdfd}.team__title{font-family:"Roboto",sans-serif;font-weight:700;font-size:36px;letter-spacing:.03em;text-align:center;color:#212121}.team__list{display:flex;flex-direction:row;align-items:flex-start;gap:30px;margin-top:50px;list-style:none;padding:0}.team__item{width:270px;background:#fff;text-align:center;padding-bottom:30px;border-radius:0 0 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)}.team-photo{display:block;width:100%;height:auto}.team-subtitle{margin-top:30px;margin-bottom:10px;margin-left:0;margin-right:0}.team-text{margin-top:0;margin-bottom:16px;margin-left:0;margin-right:0}.team-icon-list{display:flex;justify-content:center;gap:10px;list-style:none;padding:0;margin:0}.team-icon-item{width:40px;height:40px}.team-link{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.team-link:hover,.team-link:focus{background-color:#2196f3}.team-link:hover .team-icon,.team-link:focus .team-icon{fill:#fff}.team-icon{width:20px;height:20px;fill:#afb1b8}.team-text{font-family:"Roboto",sans-serif;font-weight:400;font-size:16px;letter-spacing:.03em;text-align:center;color:#757575}.team-subtitle{font-family:"Roboto",sans-serif;font-weight:500;font-size:16px;letter-spacing:.03em;text-align:center;color:#212121}.customers{padding-top:94px;padding-bottom:94px}.customers-title{margin-bottom:50px}.customers-list{display:flex;justify-content:center;gap:30px;list-style:none;padding:0}.customers-item{width:170px;height:92px;border:1px solid #afb1b8;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.customers-item:hover{border-color:#2196f3}.customers-icon{width:106px;height:60px;fill:#afb1b8}.customers-item:hover .customers-icon{fill:#2196f3}.customers-title{font-family:"Roboto",sans-serif;font-weight:700;font-size:36px;letter-spacing:.03em;text-align:center;color:#212121}.hero-more{display:block;padding-top:6px;padding-bottom:6px;padding-left:22px;padding-right:22px;font-weight:400;font-size:16px;border-radius:4px;white-space:nowrap}.hero-list{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;text-align:left;gap:30px;margin-top:50px;margin-bottom:96px}.hero-subtitle,.hero-text{margin-left:24px;margin-top:20px;margin-bottom:20px}.hero-item{font-family:"Roboto",sans-serif;font-weight:500;font-size:16px;line-height:162%;letter-spacing:.03em;text-align:left;color:#212121}.hero-subtitle{font-family:"Roboto",sans-serif;font-weight:700;font-size:18px;line-height:200%;letter-spacing:.06em;color:#212121}.hero-text{font-family:"Roboto",sans-serif;font-weight:400;font-size:16px;line-height:187%;letter-spacing:.03em;color:#757575}.hero-more:hover{color:#fff;background-color:#2196f3}.hero-item{background-color:#fff}.buttons button{background-color:#f5f4fa}.buttons .hero-item{box-shadow:none !important;background-color:rgba(0,0,0,0) !important}.hero-item:hover{background-color:#fff;box-shadow:1px 5px 6px rgba(217,213,213,.862),1px 5px 6px rgba(212,208,208,.862),1px 5px 6px rgba(178,177,177,.862)}.hero-more:hover{color:#fff;animation:rubberBand .8s}.buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px}.footer .container{display:flex;align-items:flex-start;gap:70px}.footer-left{display:flex;flex-direction:column}.footer-title{font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;letter-spacing:.03em}.footer-text{margin-top:20px;font-size:14px;line-height:1.71;color:#fff}.footer-address{margin-top:9px;display:flex;flex-direction:column;gap:9px}.footer-page{font-size:14px;line-height:1.71;color:hsla(0,0%,100%,.6)}.footer-social{display:flex;flex-direction:column}.footer-social p{font-size:14px;font-weight:700;color:#fff;margin-bottom:20px}.footer-icon-list{display:flex;justify-content:flex-start;gap:10px;list-style:none;padding:0;margin:0}.footer-icon-item{width:40px;height:40px}.footer-link{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.1)}.footer-link:hover,.footer-link:focus{background-color:#2196f3}.footer-link:hover .footer-icon,.footer-link:focus .footer-icon{fill:#fff}.footer-icon{width:20px;height:20px;fill:#fff}.footer-title .studio{color:#fff}.footer-page:hover{color:#2196f3}.footer-title{font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;letter-spacing:.03em}.footer-text{font-family:"Roboto",sans-serif;font-weight:400;font-size:14px;line-height:171%;letter-spacing:.03em;color:#fff}.footer-page{font-family:"Roboto",sans-serif;font-weight:400;font-size:14px;line-height:171%;letter-spacing:.03em;color:hsla(0,0%,100%,.6)}/*# sourceMappingURL=main.min.css.map */