From 96b8bf8ac6f1b7a3aa42ee0d259644278c6fc9a0 Mon Sep 17 00:00:00 2001 From: Yaroslav0102030405 Date: Tue, 3 Oct 2023 15:13:41 +0300 Subject: [PATCH] Updates --- asset-manifest.json | 14 ++++++++------ index.html | 2 +- static/css/main.d66e563d.css | 3 --- static/css/main.d66e563d.css.map | 1 - static/css/main.f04ffa25.css | 3 +++ static/css/main.f04ffa25.css.map | 1 + static/js/main.5a30c8cc.js | 3 +++ ...js.LICENSE.txt => main.5a30c8cc.js.LICENSE.txt} | 0 static/js/main.5a30c8cc.js.map | 1 + static/js/main.86050ad0.js | 3 --- static/js/main.86050ad0.js.map | 1 - ...close_40px.a6538b9e6e7daa352458b8ce46132255.svg | 5 +++++ .../menu_40px.beda4571e800efe538acbda394a49591.svg | 5 +++++ 13 files changed, 27 insertions(+), 15 deletions(-) delete mode 100644 static/css/main.d66e563d.css delete mode 100644 static/css/main.d66e563d.css.map create mode 100644 static/css/main.f04ffa25.css create mode 100644 static/css/main.f04ffa25.css.map create mode 100644 static/js/main.5a30c8cc.js rename static/js/{main.86050ad0.js.LICENSE.txt => main.5a30c8cc.js.LICENSE.txt} (100%) create mode 100644 static/js/main.5a30c8cc.js.map delete mode 100644 static/js/main.86050ad0.js delete mode 100644 static/js/main.86050ad0.js.map create mode 100644 static/media/close_40px.a6538b9e6e7daa352458b8ce46132255.svg create mode 100644 static/media/menu_40px.beda4571e800efe538acbda394a49591.svg diff --git a/asset-manifest.json b/asset-manifest.json index 178e1de..c7e6df6 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,7 +1,7 @@ { "files": { - "main.css": "/webstudio-01/static/css/main.d66e563d.css", - "main.js": "/webstudio-01/static/js/main.86050ad0.js", + "main.css": "/webstudio-01/static/css/main.f04ffa25.css", + "main.js": "/webstudio-01/static/js/main.5a30c8cc.js", "static/media/bg-img-768-2x.jpg": "/webstudio-01/static/media/bg-img-768-2x.95bf250eb4ec84767ac5.jpg", "static/media/bg-img-1200-1x.jpg": "/webstudio-01/static/media/bg-img-1200-1x.57a87cbabbccbaa5143d.jpg", "static/media/bg-img-1200.jpg": "/webstudio-01/static/media/bg-img-1200.57a87cbabbccbaa5143d.jpg", @@ -36,13 +36,15 @@ "static/media/linkedin 1.svg": "/webstudio-01/static/media/linkedin 1.e9b1662199ad87faebe0e93bf043007b.svg", "static/media/icon check.svg": "/webstudio-01/static/media/icon check.137441bb7ecea9507f6b.svg", "static/media/smartphone.svg": "/webstudio-01/static/media/smartphone.990c6aaa6fa0a4a5ef1667ccb7ea8f93.svg", + "static/media/close_40px.svg": "/webstudio-01/static/media/close_40px.a6538b9e6e7daa352458b8ce46132255.svg", "static/media/facebook 1.svg": "/webstudio-01/static/media/facebook 1.cbbb00521a6bbbc473f5841bcb8259c2.svg", "static/media/envelope (hover).svg": "/webstudio-01/static/media/envelope (hover).7ea661f9c6285234170d61aa27c65f78.svg", - "main.d66e563d.css.map": "/webstudio-01/static/css/main.d66e563d.css.map", - "main.86050ad0.js.map": "/webstudio-01/static/js/main.86050ad0.js.map" + "static/media/menu_40px.svg": "/webstudio-01/static/media/menu_40px.beda4571e800efe538acbda394a49591.svg", + "main.f04ffa25.css.map": "/webstudio-01/static/css/main.f04ffa25.css.map", + "main.5a30c8cc.js.map": "/webstudio-01/static/js/main.5a30c8cc.js.map" }, "entrypoints": [ - "static/css/main.d66e563d.css", - "static/js/main.86050ad0.js" + "static/css/main.f04ffa25.css", + "static/js/main.5a30c8cc.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 0a5897c..1487a6f 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -React App
\ No newline at end of file +React App
\ No newline at end of file diff --git a/static/css/main.d66e563d.css b/static/css/main.d66e563d.css deleted file mode 100644 index 5efdbfc..0000000 --- a/static/css/main.d66e563d.css +++ /dev/null @@ -1,3 +0,0 @@ -body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:inherit;border-bottom:1px solid #ececec;left:0;position:relative;top:0;width:100%;z-index:999}@media screen and (max-width:767px){.header{padding-bottom:10px;padding-top:10px}}@media screen and (min-width:768px)and (max-width:1199px){.header__wrap{align-items:center;display:flex;justify-content:space-between}}@media screen and (min-width:1200px){.header__wrap{align-items:center;display:flex}}@media screen and (min-width:768px)and (max-width:1199px){.header__nav{align-items:center;display:flex}}@media screen and (min-width:1200px){.header__nav{align-items:center;display:flex}}@media screen and (max-width:767px){.mobile__wrap{align-items:center;display:flex;justify-content:space-between}}@media screen and (min-width:768px){.mobile__wrap{display:flex}}@media screen and (min-width:1200px){.mobile__wrap{margin-right:90px}}.logo{display:inline-block;font-family:Raleway;font-weight:700;line-height:1.19;text-decoration:none}@media screen and (min-width:768px){.logo{display:inline-flex;margin-right:88px}}@media screen and (max-width:1199px){.logo{font-size:24px;letter-spacing:.72px}}@media screen and (min-width:1200px){.logo{font-size:26px;letter-spacing:.03em}}.icon__close{position:absolute}.margin{margin-left:auto}.mobile__btn{background-color:transparent;border:none;display:inline-flex;margin:0;padding:0}@media screen and (min-width:768px){.mobile__btn{display:none}}.mobile__btn .icon__close{display:none}.mobile__btn.is__open .icon__close{display:block}.mobile__btn.is__open .icon__menu{display:none}@media screen and (max-width:767px){.menu__burger{background-color:#fff;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.16),0 2px 4px 0 rgba(0,0,0,.08),0 4px 8px 0 rgba(0,0,0,.04);font-size:20px;left:0;opacity:0;padding:60px 10px;position:absolute;text-align:center;top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:.8s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%}}.menu__burger.is__open{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.logo__web{color:#2196f3}.logo__studio{color:#000}.logo__studio-footer{color:#fff}.menu__link{color:var(--title-color);font-size:14px;font-weight:500;letter-spacing:.02em;line-height:1.14;padding-bottom:32px;padding-top:32px;position:relative;transition:color .25s cubic-bezier(.4,0,.2,1) .25s}@media screen and (max-width:767px){.menu__link{font-size:14px;letter-spacing:.36px;padding-bottom:0;padding-top:0}}@media screen and (min-width:768px){.menu__link{letter-spacing:.28px}}.menu{display:flex}@media screen and (max-width:767px){.menu{align-items:center;flex-direction:column;justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.menu{align-items:center;justify-content:center}}@media screen and (min-width:1200px){.menu{display:flex}}.menu__item{margin-bottom:40px;padding-bottom:40px}@media screen and (max-width:767px){.menu__item{padding-bottom:8px;padding-top:8px}}@media screen and (min-width:768px){.menu__item{margin-bottom:0;margin-right:50px;padding-bottom:0}}.menu__item:last-child{margin-right:0}@media screen and (max-width:767px){.menu__item:last-child{padding-bottom:0}}.menu__link.current,.menu__link:focus,.menu__link:hover{color:#2196f3}.menu__item{position:relative}.current:after{border:3px solid #2196f3;border-radius:2px;bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:100%}@media screen and (max-width:767px){.current:after{border-radius:2px;margin-bottom:-10px;width:100%}}@media screen and (min-width:768px){.menu__contacts{display:flex}}@media screen and (max-width:767px){.menu__contacts{margin-top:22px;padding-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.menu__contacts{margin-left:84px}}@media screen and (min-width:1200px){.menu__contacts{display:flex;margin-left:348px}}@media screen and (max-width:767px){.contacts__item{margin-right:0;padding-top:24px}}@media screen and (min-width:1200px){.contacts__item{display:flex;margin-right:30px}}.contacts__item:last-child{margin-right:0}@media screen and (max-width:767px){.contacts__item:last-child{margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.contacts__item:last-child{margin-bottom:0}}.contacts__svg-envelope{vertical-align:-56%}.contacts__svg,.contacts__svg-envelope{align-items:center;display:inline-block;height:20px;margin-right:10px;width:15px}.contacts__svg{vertical-align:middle}.contacts__icon{fill:#212121;align-items:center;color:#757575;cursor:pointer;display:inline-block;transition:color .25s cubic-bezier(.4,0,.2,1) .25s,fill .25s cubic-bezier(.4,0,.2,1) .25s}.contacts__icon:focus,.contacts__icon:hover{fill:#2196f3;color:#2196f3}.contacts__link{color:#757575;font-size:14px;font-weight:500;letter-spacing:.02em;line-height:1.14}@media screen and (max-width:767px){.contacts__link{font-size:14px;letter-spacing:.36px}}.overlay{background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto}@media screen and (max-width:767px){.overlay{background-image:url(/webstudio-01/static/media/bh-img-480.a15d82253a6e192e10f1.jpg);max-height:400px;max-width:480px}}@media screen and (max-width:767px)and (-webkit-min-device-pixel-ratio:2),screen and (max-width:767px)and (min-device-pixel-ratio:2),screen and (max-width:767px)and (min-resolution:192dpi),screen and (max-width:767px)and (min-resolution:2dppx){.overlay{background-image:url(/webstudio-01/static/media/bh-img-480-2x.b947df708a2bb4b92ef3.jpg)}}@media screen and (min-width:768px)and (max-width:1199px){.overlay{background-image:url(/webstudio-01/static/media/bg-img-768.67079336763442538624.jpg);max-width:768px}}@media screen and (min-width:768px)and (max-width:1199px)and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px)and (max-width:1199px)and (min-device-pixel-ratio:2),screen and (min-width:768px)and (max-width:1199px)and (min-resolution:192dpi),screen and (min-width:768px)and (max-width:1199px)and (min-resolution:2dppx){.overlay{background-image:url(/webstudio-01/static/media/bg-img-768-2x.95bf250eb4ec84767ac5.jpg)}}@media screen and (min-width:1200px){.overlay{background-image:url(/webstudio-01/static/media/bg-img-1200.57a87cbabbccbaa5143d.jpg);width:1600px}}@media screen and (min-width:1200px)and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1200px)and (min-device-pixel-ratio:2),screen and (min-width:1200px)and (min-resolution:192dpi),screen and (min-width:1200px)and (min-resolution:2dppx){.overlay{background-image:url(/webstudio-01/static/media/bg-img-1200-1x.57a87cbabbccbaa5143d.jpg)}}.hero{background-color:rgba(47,48,58,.4);letter-spacing:.06em}.hero,.hero__title{font-size:44px;font-weight:900;line-height:1.36}.hero__title{color:#fff;letter-spacing:2.64px;margin:0 auto;padding:0}@media screen and (max-width:467px){.hero__title{font-size:22px}}@media screen and (min-width:468px)and (max-width:1199px){.hero__title{font-size:26px;letter-spacing:1.56px;line-height:42px;max-width:360px}}@media screen and (min-width:1200px){.hero__title{font-family:Roboto;font-size:44px;letter-spacing:2.64px;line-height:60px;width:696}}.btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;letter-spacing:.06em;line-height:1.87;margin:30px auto 0;padding:10px 32px;transition:background-color .25s cubic-bezier(.4,0,.2,1) .25s}.btn:focus,.btn:hover{background-color:#188ce8}.btn__clouse{background-color:#fff;border:none;margin:0;padding:0}.backdrop{background-color:rgba(0,0,0,.2);height:100%;left:0;overflow-y:scroll;position:fixed;top:0;transition-duration:.25s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:999}.form{background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2);display:block;left:50%;max-width:340px;padding:40px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1);width:100%}@media screen and (min-width:478px)and (max-width:767px){.form{margin-top:93px;max-width:450px}}@media screen and (min-width:768px)and (max-width:1199px){.form{margin-top:208px;max-width:450px}}@media screen and (min-width:1200px){.form{height:auto;max-width:528px}}.form__icon{border:1px solid rgba(0,0,0,.1);border-radius:50%;color:#000;cursor:pointer;display:inline-block;height:30px;padding:4px;position:absolute;right:8px;top:8px;width:30px}form-icon:focus,form-icon:hover{fill:#2196f3}.form__title{color:#212121;font-size:20px;font-weight:700;letter-spacing:.03em;line-height:1.15;margin-bottom:30px;text-align:center}@media screen and (max-width:1199px){.form__title{font-size:20px;letter-spacing:.6px;line-height:1.5}}.form__input{cursor:pointer;height:40px;margin-bottom:30px;padding-left:15px;width:100%}.form__input:focus,.form__input:hover,textarea:focus,textarea:hover{border:1px solid #2196f3}textarea{cursor:pointer;height:120px;margin-bottom:20px;padding:12px 15px;resize:none;width:100%;width:448px}@media screen and (max-width:1199px){textarea{height:120px;width:100%}}.real__checkbox{-webkit-appearance:none;appearance:none;display:inline-block;position:absolute}.custom__checkbox{background:#fff;border:1px solid #000;border-radius:4px;margin-right:8px;position:relative;vertical-align:middle}.custom__checkbox,.custom__checkbox:before{display:inline-block;height:15px;width:16px}.custom__checkbox:before{background-image:url(/webstudio-01/static/media/icon%20check.137441bb7ecea9507f6b.svg);background-repeat:no-repeat;background-size:contain;content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.real__checkbox:checked+.custom__checkbox:before{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.form__link,.form__text{color:#757575;font-size:14px;font-weight:400;letter-spacing:.03em;line-height:1.71}@media screen and (max-width:1199px){.form__link,.form__text{font-size:12px;letter-spacing:.12px}}.form__link{color:#2196f3;margin-left:4px}label{align-items:center;display:flex;justify-content:center}.form .btn{margin-top:30px;padding-left:55px;padding-right:55px}.form__link{text-decoration:underline}.features-list{display:flex}@media screen and (min-width:1200px){.features-list{justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.features-list{flex-wrap:wrap}}@media screen and (max-width:767px){.features-list{flex-direction:column}}@media screen and (max-width:1600px){.features .features-title{text-align:center}}.features-item:before{background:#f5f4fa;background-position:50%;background-repeat:no-repeat;border-radius:4px;content:"";display:block;height:120px;margin-bottom:30px;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s,-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s}@media screen and (max-width:767px){.features-item:before{height:120px;max-width:450px}}@media screen and (min-width:768px)and (max-width:1199px){.features-item:before{height:120px;max-width:354px}}@media screen and (min-width:1200px){.features-item:before{height:120px;max-width:270px}}.features-item:hover:before{-webkit-transform:scale(1.1);transform:scale(1.1)}.features-item:first-child:before{background-image:url(/webstudio-01/static/media/antenna-1.ef90e165ba08205e03e0.svg)}.features-item:nth-child(2):before{background-image:url(/webstudio-01/static/media/clock-2.7a71859d2e47e19124e6.svg)}.features-item:nth-child(3):before{background-image:url(/webstudio-01/static/media/diagram-3.647409d11f1baaa42689.svg)}.features-item:nth-child(4):before{background-image:url(/webstudio-01/static/media/astronaut-4.79038cf7fa9a667a8a27.svg)}.features-title{color:var(--black-color);font-weight:700;line-height:1.14;padding:0 0 10px;text-transform:uppercase}.features-text,.features-title{font-size:14px;letter-spacing:.03em;margin:0}.features-text{color:var(--text-color);font-weight:400;line-height:1.71;padding:0}@media screen and (max-width:767px){.features-text{font-family:Roboto;letter-spacing:.42px;line-height:24px;max-width:450px}}.features-item{margin-bottom:30px;margin-right:30px}@media screen and (max-width:767px){.features-item{margin-right:0}}@media screen and (min-width:768px)and (max-width:1199px){.features-item{margin-right:30px;width:calc(50% - 15px)}.features-item:nth-child(2n){margin-right:0}}@media screen and (max-width:768px){.features-item:nth-child(n+4){margin-bottom:0}}.features-item:last-child{margin-right:0}@media screen and (min-width:768px)and (max-width:1199px){.features-item:nth-child(n+3){margin-bottom:0}}@media screen and (min-width:1200px){.features-item:nth-child(n+1){margin-bottom:0}}.work-flex-container{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:1199px){.work{display:none}}.work-title{color:var(--black-color);font-size:36px;font-weight:700;letter-spacing:.03em;line-height:1.16;margin-bottom:50px}.work-item{display:inline-block;margin-right:30px}.work-item:last-child{margin-right:0}.work-image{-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s,-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s}.work-image:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.team-list{display:flex;justify-content:center}@media screen and (min-width:1200px){.team-list{justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.team-list{flex-wrap:wrap}}@media screen and (max-width:767px){.team-list{flex-direction:column;justify-content:center}}.team{background:#f5f4fa;text-align:center}.team-title{color:var(--black-color);font-size:36px;font-weight:700;letter-spacing:.03em;line-height:1.16;margin-bottom:50px}@media screen and (max-width:767px){.team-title{font-size:28px;letter-spacing:.84px;margin-bottom:30px}}@media screen and (min-width:1200px){.team-title{font-size:36px;letter-spacing:1.08px}}.team-flex{display:flex}@media screen and (min-width:1200px){.team-flex{align-items:center;justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.team-flex{justify-content:center}}@media screen and (max-width:767px){.team-flex{justify-content:center}}.team-item{background:#fff;border-radius:0 0 4px 4px;cursor:pointer;margin-bottom:30px;margin-right:30px}@media screen and (min-width:1200px){.team-item{margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.team-item:nth-child(n+3){margin-bottom:0}.team-item:nth-child(2n){margin-right:0}}@media screen and (max-width:768px){.team-item:nth-child(1n){margin-right:0}}@media screen and (min-width:1200px){.team-item:last-child{margin-right:0}}@media screen and (max-width:767px){.team-item:last-child{margin-bottom:0}}.team-item:focus,.team-item:hover{border-radius:0 0 4px 4px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2)}.team-subtitle{padding-bottom:10px;padding-top:30px}.team-subtitle,.team-text{color:#000;font-size:16px;font-weight:500;letter-spacing:.03em;line-height:1.18}.team-text{color:#757575;font-weight:400;padding-bottom:16px}.team-list-icon a{fill:#afb1b8;border:0;border-radius:50%;cursor:pointer;display:flex;margin-bottom:30px;padding:12px;transition:fill .25s cubic-bezier(.4,0,.2,1) .25s,background-color .25s cubic-bezier(.4,0,.2,1) .25s}.team-list-icon a:hover{fill:#fff;background-color:#2196f3}.team-list-icon{margin-right:10px}.team-icon{height:20px;width:20px}.team-icon:hover{fill:#f5f4fa}.team-list-icon:last-child{margin-right:0}@media screen and (min-width:1200px){.team img{height:260px;width:270px}}.clients-list{display:flex;justify-content:center;list-style-type:none;margin:0;padding-left:0}@media screen and (max-width:1199px){.clients-list{flex-wrap:wrap}}.clients-title{color:#000;font-size:36px;font-weight:700;letter-spacing:.03em;line-height:1.16;margin-bottom:50px;text-align:center}@media screen and (max-width:1199px){.clients-title{font-size:28px;letter-spacing:.84px;margin-bottom:30px}}@media screen and (min-width:1200px){.clients-title{font-size:36px;letter-spacing:1.08px}}.clients-item{height:90px;margin-bottom:30px;margin-right:30px}@media screen and (max-width:767px){.clients-item{width:calc(50% - 15px)}.clients-item:nth-child(2n){margin-right:0}.clients-item:nth-last-child(-n+2){margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.clients-item{width:calc(33.33333% - 20px)}.clients-item:nth-child(3n+3){margin-right:0}.clients-item:nth-last-child(-n+3){margin-bottom:0}}@media screen and (min-width:1200px){.clients-item{width:calc(16.66667% - 20px)}.clients-item:last-child{margin-right:0}.clients-item:nth-child(n+1){margin-bottom:0}}.clients-logo{fill:#afb1b8;align-items:center;border:1px solid #afb1b8;border-radius:4px;cursor:pointer;display:flex;height:100%;justify-content:center;text-align:center;transition:fill .25s cubic-bezier(.4,0,.2,1) .25s,color .25s cubic-bezier(.4,0,.2,1) .25s,border .25s cubic-bezier(.4,0,.2,1) .25s}.clients-logo:focus,.clients-logo:hover{fill:#2196f3;border:1px solid #2196f3;color:#2196f3}body{background-color:var(--white-color);color:var(--text-color);font-family:Roboto,sans-serif;padding:0}@media screen and (max-width:767px){body.modal-open{overflow:hidden}}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.container{margin:0 auto;padding-left:15px;padding-right:15px}@media screen and (min-width:480px){.container{width:480px}}@media screen and (min-width:768px){.container{width:768px}}@media screen and (min-width:1200px){.container{width:1200px}}.center{text-align:center}.hero{padding-bottom:200px;padding-top:200px}@media screen and (max-width:1199px){.hero{padding-bottom:116px;padding-top:116px}}.clients,.features,.team{padding-bottom:94px;padding-top:94px}@media screen and (max-width:1199px){.clients,.features,.team{padding-bottom:60px;padding-top:60px}}.work{padding-bottom:94px}.footer{padding-bottom:60px;padding-top:60px}h1,h2,h3,h4,h5,h6{color:var(--title-color);margin-top:0;padding:0}p{margin-top:0}a{display:block;font-style:normal;text-decoration:none}ul{list-style:none;margin:0;padding:0}img{display:block;height:auto;max-width:100%}.footer{background-color:#2f303a;text-align:center}.footer-text{color:#fff;display:block;font-size:14px;font-weight:700;letter-spacing:.03em;line-height:1.14;margin-bottom:20px;margin-top:60px}@media screen and (min-width:480px){.footer-text{margin-top:60px}}@media screen and (min-width:768px){.footer-text{margin-top:0}}.address-map{margin-top:20px}.footer-wrap{display:flex}@media screen and (min-width:1200px){.footer-wrap{justify-content:space-between}}@media screen and (min-width:768px)and (max-width:1199px){.footer-wrap{justify-content:space-around}}@media screen and (max-width:767px){.footer-wrap{flex-direction:column;justify-content:center}}@media screen and (min-width:768px){.logo{margin:0 auto}}.footer-icons{margin-left:70px}@media screen and (max-width:767px){.footer-icons{margin-left:0}}@media screen and (min-width:768px){.footer-icons{margin-left:0}}.address-link,.address-map{color:#fff;display:block;font-size:14px;font-weight:400;letter-spacing:.03em;line-height:1.71;margin-bottom:9px}.no-margin{margin-bottom:0}.address-link{color:hsla(0,0%,100%,.6)}.footer-list-icon a{fill:#fff;background-color:hsla(0,0%,100%,.1);border:0;border-radius:50%;cursor:pointer;display:flex;padding:12px;transition:fill .25s cubic-bezier(.4,0,.2,1) .25s,background-color .25s cubic-bezier(.4,0,.2,1) .25s}.footer-list-icon a:hover{background-color:#2196f3;color:#fff}.footer-list-icon{margin-right:10px}.footer-list-icon:last-child{margin-right:0}.footer-icon{height:20px;width:20px}.logo-studio-footer{color:#fff}.logo-web{color:#2196f3} -/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;tab-size:4}body{margin:0}hr{color:inherit;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item} -/*# sourceMappingURL=main.d66e563d.css.map*/ \ No newline at end of file diff --git a/static/css/main.d66e563d.css.map b/static/css/main.d66e563d.css.map deleted file mode 100644 index 6bdfd91..0000000 --- a/static/css/main.d66e563d.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.d66e563d.css","mappings":"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","sources":["index.css","components/Header/Header.scss","BaseScss/variables.scss","components/Hero/Hero.scss","components/Modal/Modal.scss","components/Features/Features.scss","components/Work/Work.scss","components/Team/Team.scss","components/Clients/Clients.scss","BaseScss/base.scss","components/Footer/Footer.scss","../node_modules/modern-normalize/modern-normalize.css"],"sourcesContent":["body {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n// @import './../../Animal.scss';\r\n\r\n.header {\r\n // position: fixed;\r\n position: relative;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n border-bottom: 1px solid #ececec;\r\n background-color: inherit;\r\n z-index: 999;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n }\r\n}\r\n\r\n.header__wrap {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.header__nav {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.mobile__wrap {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n display: flex;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n margin-right: 90px;\r\n }\r\n}\r\n\r\n.logo {\r\n display: inline-block;\r\n font-family: Raleway;\r\n font-weight: 700;\r\n line-height: 1.19;\r\n text-decoration: none;\r\n\r\n @media screen and (min-width: 768px) {\r\n display: inline-flex;\r\n margin-right: 88px;\r\n }\r\n\r\n @media screen and (max-width: 1199px) {\r\n font-size: 24px;\r\n letter-spacing: 0.72px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n font-size: 26px;\r\n letter-spacing: 0.03em;\r\n }\r\n\r\n &__web {\r\n color: $accent-color;\r\n }\r\n\r\n &__studio {\r\n color: $black-color;\r\n }\r\n}\r\n\r\n.icon__close {\r\n position: absolute;\r\n}\r\n\r\n.margin {\r\n margin-left: auto;\r\n}\r\n\r\n.mobile__btn {\r\n // убрали все базовые стили кнопки\r\n display: inline-flex;\r\n\r\n margin: 0;\r\n padding: 0;\r\n border: none;\r\n background-color: transparent;\r\n\r\n @media screen and (min-width: 768px) {\r\n display: none;\r\n }\r\n}\r\n\r\n.mobile__btn .icon__close {\r\n display: none;\r\n}\r\n\r\n.mobile__btn.is__open .icon__close {\r\n display: block;\r\n}\r\n\r\n.mobile__btn.is__open .icon__menu {\r\n display: none;\r\n}\r\n\r\n.menu__burger {\r\n @media screen and (max-width: 767px) {\r\n // display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n width: 100%;\r\n\r\n background-color: $white-color;\r\n padding: 10px;\r\n text-align: center;\r\n font-size: 20px;\r\n\r\n opacity: 0;\r\n visibility: hidden;\r\n\r\n transform: translateY(-100%);\r\n transition: 800ms cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n\r\n background: #fff;\r\n box-shadow:\r\n 0px 1px 3px 0px rgba(0, 0, 0, 0.16),\r\n 0px 2px 4px 0px rgba(0, 0, 0, 0.08),\r\n 0px 4px 8px 0px rgba(0, 0, 0, 0.04);\r\n }\r\n}\r\n\r\n.menu__burger.is__open {\r\n // display: block;\r\n opacity: 1;\r\n visibility: visible;\r\n // pointer-events: none;\r\n transform: translateY(0);\r\n}\r\n\r\n.logo__web {\r\n color: $accent-color;\r\n}\r\n\r\n.logo__studio {\r\n color: $black-color;\r\n}\r\n\r\n.logo__studio-footer {\r\n color: $white-color;\r\n}\r\n\r\n.menu__link {\r\n position: relative;\r\n padding-top: 32px;\r\n padding-bottom: 32px;\r\n\r\n font-weight: 500;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.02em;\r\n color: var(--title-color);\r\n\r\n transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n font-size: 14px;\r\n letter-spacing: 0.36px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n letter-spacing: 0.28px;\r\n }\r\n}\r\n\r\n.menu {\r\n display: flex;\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n }\r\n}\r\n\r\n.menu__item {\r\n margin-bottom: 40px;\r\n padding-bottom: 40px;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-top: 8px;\r\n padding-bottom: 8px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-right: 50px;\r\n }\r\n}\r\n\r\n.menu__item:last-child {\r\n margin-right: 0;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-bottom: 0;\r\n }\r\n}\r\n\r\n.menu__link.current {\r\n color: $accent-color;\r\n}\r\n\r\n.menu__link:hover,\r\n.menu__link:focus {\r\n color: $accent-color;\r\n}\r\n\r\n.menu__item {\r\n position: relative;\r\n}\r\n\r\n.current::after {\r\n display: block;\r\n position: absolute;\r\n /* display: inline-flex; */\r\n content: \"\";\r\n width: 100%;\r\n height: 3px;\r\n left: 0;\r\n bottom: 0;\r\n border: 3px solid $accent-color;\r\n /* background: #2196F3; */\r\n border-radius: 2px;\r\n\r\n @media screen and (max-width: 767px) {\r\n width: 100%;\r\n border-radius: 2px;\r\n margin-bottom: -10px;\r\n }\r\n}\r\n\r\n.menu__contacts {\r\n @media screen and (min-width: 768px) {\r\n display: flex;\r\n // justify-content: flex-end;\r\n }\r\n // padding-top: 20px;\r\n // padding-bottom: 20px;\r\n\r\n @media screen and (max-width: 767px) {\r\n margin-top: 22px;\r\n padding-bottom: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-left: 84px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n margin-left: 348px;\r\n }\r\n}\r\n\r\n.contacts__item {\r\n // margin-bottom: 10px;\r\n @media screen and (max-width: 767px) {\r\n margin-right: 0;\r\n padding-top: 24px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n margin-right: 30px;\r\n }\r\n}\r\n\r\n.contacts__item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.contacts__item:last-child {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.contacts__item:last-child {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.contacts__svg-envelope {\r\n display: inline-block;\r\n align-items: center;\r\n margin-right: 10px;\r\n width: 15px;\r\n height: 20px;\r\n // text-align: center;\r\n // // vertical-align: sub;\r\n // vertical-align: -35%;\r\n vertical-align: -56%;\r\n}\r\n\r\n// .contacts__svg-envelope:hover {\r\n// fill: #757575;\r\n// }\r\n\r\n.contacts__svg {\r\n display: inline-block;\r\n align-items: center;\r\n margin-right: 10px;\r\n width: 15px;\r\n height: 20px;\r\n // text-align: center;\r\n // // vertical-align: sub;\r\n // vertical-align: -35%;\r\n vertical-align: middle;\r\n}\r\n\r\n.contacts__icon {\r\n display: inline-block;\r\n align-items: center;\r\n\r\n color: #757575;\r\n fill: #212121;\r\n cursor: pointer;\r\n\r\n transition:\r\n color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.contacts__icon:hover,\r\n.contacts__icon:focus {\r\n fill: #2196f3;\r\n color: $accent-color;\r\n}\r\n\r\n.contacts__link {\r\n // margin-left: auto;\r\n\r\n font-weight: 500;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.02em;\r\n\r\n color: $text-color;\r\n\r\n @media screen and (max-width: 767px) {\r\n font-size: 14px;\r\n letter-spacing: 0.36px;\r\n }\r\n}\r\n","$text-color: #757575;\r\n$title-color: #212121;\r\n$accent-color: #2196f3;\r\n$white-color: #ffffff;\r\n$black-color: #000000;\r\n$background-color: #2f303a;\r\n\r\n$mobile: 480px;\r\n$tablet: 768px;\r\n$desktop:1200px;\r\n\r\n$fullstack: #2e5bb7;\r\n$frontend: #a16ef2;\r\n$project-manager: #deb43d;\r\n$design: #e556dd;\r\n$qa-manual: #48b65e;\r\n$python: #f48f33;\r\n$java: #f34b70;\r\n$smm: #27e3c9;\r\n$data-analytics: #e3c071;\r\n$it: #36e82d;","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.overlay {\r\n margin: 0 auto;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n\r\n @media screen and (max-width: 767px) {\r\n max-width: 480px;\r\n max-height: 400px;\r\n background-image:\r\n url(\"../../images/hero/bh-img-480.jpg\");\r\n @media screen and (min-device-pixel-ratio: 2),\r\n screen and (min-resolution: 192dpi),\r\n screen and (min-resolution: 2dppx) {\r\n background-image: url('../../images/hero/bh-img-480-2x.jpg');\r\n }\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n max-width: 768px;\r\n background-image:\r\n url('../../images/hero/bg-img-768.jpg');\r\n @media screen and (min-device-pixel-ratio: 2),\r\n screen and (min-resolution: 192dpi),\r\n screen and (min-resolution: 2dppx) {\r\n background-image: url('../../images/hero/bg-img-768-2x.jpg');\r\n }\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n width: 1600px;\r\n background-image:\r\n url('../../images/hero/bg-img-1200.jpg');\r\n @media screen and (min-device-pixel-ratio: 2),\r\n screen and (min-resolution: 192dpi),\r\n screen and (min-resolution: 2dppx) {\r\n background-image: url('../../images/hero/bg-img-1200-1x.jpg');\r\n }\r\n }\r\n}\r\n\r\n.hero {\r\n background-color: rgba(47, 48, 58, 0.4);\r\n font-weight: 900;\r\n font-size: 44px;\r\n line-height: 1.36;\r\n letter-spacing: 0.06em;\r\n}\r\n\r\n.hero__title {\r\n margin: 0;\r\n padding: 0;\r\n margin-bottom: 30px;\r\n margin: 0 auto;\r\n\r\n color: $white-color;\r\n font-weight: 900;\r\n font-size: 44px;\r\n line-height: 1.36;\r\n letter-spacing: 2.64px;\r\n\r\n @media screen and (max-width: 467px) {\r\n font-size: 22px;\r\n }\r\n\r\n @media screen and (min-width: 468px) and (max-width: 1199px) {\r\n max-width: 360px;\r\n font-size: 26px;\r\n line-height: 42px;\r\n letter-spacing: 1.56px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n width: 696;\r\n font-size: 44px;\r\n font-family: Roboto;\r\n line-height: 60px;\r\n letter-spacing: 2.64px;\r\n }\r\n}\r\n\r\n\r\n\r\n.btn {\r\n display: block;\r\n margin: 0 auto;\r\n margin-top: 30px;\r\n padding: 10px 32px;\r\n\r\n font-weight: 700;\r\n font-size: 16px;\r\n line-height: 1.87;\r\n letter-spacing: 0.06em;\r\n\r\n color: $white-color;\r\n\r\n background: #2196f3;\r\n border-radius: 4px;\r\n border: none;\r\n cursor: pointer;\r\n\r\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n &:hover,\r\n &:focus {\r\n background-color: #188ce8;\r\n }\r\n\r\n &__clouse {\r\n padding: 0;\r\n margin: 0;\r\n border: none;\r\n background-color: $white-color;\r\n }\r\n}","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.backdrop {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n\r\n transition-property: opacity;\r\n transition-duration: 250ms;\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n // чтоб не прокручивалась модалька\r\n overflow-y: scroll;\r\n z-index: 999;\r\n}\r\n\r\n// .backdrop.is-hidden {\r\n// opacity: 0;\r\n// /* прозрачность и спрятать модуалку */\r\n// pointer-events: none;\r\n// /* пропускать через модалку события */\r\n// }\r\n\r\n// .backdrop.is-hidden .form {\r\n// transform: translate(-50%, -50%) scale(0.9);\r\n// }\r\n\r\n.form {\r\n display: block;\r\n /* поставить по центру */\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n padding: 40px;\r\n background: $white-color;\r\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14),\r\n 0px 2px 1px rgba(0, 0, 0, 0.2);\r\n border-radius: 4px;\r\n max-width: 340px;\r\n transform: translate(-50%, -50%) scale(1);\r\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n @media screen and (min-width: 478px) and (max-width: 767px) {\r\n max-width: 450px;\r\n margin-top: 93px;\r\n }\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n max-width: 450px;\r\n margin-top: 208px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n max-width: 528px;\r\n height: auto;\r\n }\r\n}\r\n\r\n .form__icon {\r\n display: inline-block;\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n padding: 4px;\r\n width: 30px;\r\n height: 30px;\r\n\r\n color: $black-color;\r\n\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n }\r\n\r\n form-icon:hover,\r\n form-icon:focus {\r\n fill: $accent-color;\r\n }\r\n\r\n.form__title {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 1.15;\r\n letter-spacing: 0.03em;\r\n\r\n color: #212121;\r\n\r\n @media screen and (max-width: 1199px) {\r\n font-size: 20px;\r\n line-height: 1.5;\r\n letter-spacing: 0.6px;\r\n }\r\n}\r\n\r\n.form__input {\r\n padding-left: 15px;\r\n margin-bottom: 30px;\r\n\r\n width: 100%;\r\n height: 40px;\r\n cursor: pointer;\r\n}\r\n\r\n.form__input:hover,\r\n.form__input:focus,\r\ntextarea:hover,\r\ntextarea:focus {\r\n border: 1px solid $accent-color;\r\n}\r\n\r\n\r\ntextarea {\r\n padding: 12px 15px;\r\n margin-bottom: 20px;\r\n resize: none;\r\n width: 100%;\r\n cursor: pointer;\r\n width: 448px;\r\n height: 120px;\r\n\r\n @media screen and (max-width: 1199px) {\r\n width: 100%;\r\n height: 120px;\r\n }\r\n}\r\n\r\n.real__checkbox {\r\n display: inline-block;\r\n /* снять все дефолтное оформление от браузера */\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n position: absolute;\r\n}\r\n\r\n.custom__checkbox {\r\n position: relative;\r\n display: inline-block;\r\n margin-right: 8px;\r\n width: 16px;\r\n height: 15px;\r\n background: $white-color;\r\n border: 1px solid $black-color;\r\n border-radius: 4px;\r\n vertical-align: middle;\r\n}\r\n\r\n.custom__checkbox::before {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) scale(0);\r\n\r\n content: '';\r\n display: inline-block;\r\n width: 16px;\r\n height: 15px;\r\n background-image: url('./../../images/icon\\ check.svg');\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n}\r\n\r\n.real__checkbox:checked + .custom__checkbox::before {\r\n transform: translate(-50%, -50%) scale(1);\r\n}\r\n\r\n.form__text,\r\n.form__link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.71;\r\n letter-spacing: 0.03em;\r\n color: #757575;\r\n\r\n @media screen and (max-width: 1199px) {\r\n font-size: 12px;\r\n letter-spacing: 0.12px;\r\n }\r\n}\r\n\r\n.form__link {\r\n margin-left: 4px;\r\n color: $accent-color;\r\n}\r\n\r\nlabel {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.form .btn {\r\n margin-top: 30px;\r\n padding-left: 55px;\r\n padding-right: 55px;\r\n}\r\n\r\n.form__link {\r\n text-decoration: underline;\r\n}","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.features-list {\r\n display: flex;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n flex-wrap: wrap;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n.features .features-title {\r\n @media screen and (max-width: 1600px) {\r\n text-align: center;\r\n }\r\n}\r\n\r\n.features-item::before {\r\n display: block;\r\n content: '';\r\n height: 120px;\r\n margin-bottom: 30px;\r\n background: #f5f4fa;\r\n border-radius: 4px;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n transform: scale(1);\r\n\r\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n @media screen and (max-width: 767px) {\r\n max-width: 450px;\r\n height: 120px;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n max-width: 354px;\r\n height: 120px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n max-width: 270px;\r\n height: 120px;\r\n }\r\n}\r\n\r\n.features-item:hover:before {\r\n transform: scale(1.1);\r\n}\r\n\r\n.features-item:nth-child(1)::before {\r\n background-image: url(../../images/icon/antenna-1.svg);\r\n}\r\n\r\n.features-item:nth-child(2)::before {\r\n background-image: url(../../images/icon/clock-2.svg);\r\n}\r\n\r\n.features-item:nth-child(3)::before {\r\n background-image: url(../../images/icon/diagram-3.svg);\r\n}\r\n\r\n.features-item:nth-child(4)::before {\r\n background-image: url(../../images/icon/astronaut-4.svg);\r\n}\r\n\r\n.features-title {\r\n padding: 0;\r\n margin: 0;\r\n padding-bottom: 10px;\r\n font-weight: 700;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.03em;\r\n text-transform: uppercase;\r\n\r\n color: var(--black-color);\r\n}\r\n\r\n.features-text {\r\n padding: 0;\r\n margin: 0;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.71;\r\n letter-spacing: 0.03em;\r\n\r\n color: var(--text-color);\r\n\r\n @media screen and (max-width: 767px) {\r\n max-width: 450px;\r\n font-family: Roboto;\r\n line-height: 24px;\r\n letter-spacing: 0.42px;\r\n }\r\n}\r\n\r\n.features-item {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n @media screen and (max-width: 767px) {\r\n margin-right: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n width: calc((100% - 1 * 30px) / 2);\r\n margin-right: 30px;\r\n }\r\n}\r\n\r\n.features-item:nth-child(2n) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.features-item:nth-child(n + 4) {\r\n @media screen and (max-width: 768px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.features-item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.features-item:nth-child(n + 3) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.features-item:nth-child(n + 1) {\r\n @media screen and (min-width: 1200px) {\r\n margin-bottom: 0;\r\n }\r\n}","@import \"./../../BaseScss/base.scss\";\r\n@import \"./../../BaseScss/variables.scss\";\r\n\r\n.work-flex-container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.work {\r\n @media screen and (max-width: 1199px) {\r\n display: none;\r\n }\r\n}\r\n\r\n.work-title {\r\n margin-bottom: 50px;\r\n\r\n font-weight: 700;\r\n font-size: 36px;\r\n line-height: 1.16;\r\n letter-spacing: 0.03em;\r\n\r\n color: var(--black-color);\r\n}\r\n\r\n.work-item {\r\n display: inline-block;\r\n /* width: calc((100% - 60px) / 2); */\r\n margin-right: 30px;\r\n\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n// .work-item:last-child {\r\n// margin-right: 0;\r\n// }\r\n\r\n.work-image {\r\n transform: scale(1);\r\n\r\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n &:hover {\r\n transform: scale(1.1);\r\n }\r\n}\r\n\r\n// .work-image:hover {\r\n// transform: scale(1.1);\r\n// }","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.team-list {\r\n display: flex;\r\n justify-content: center;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n flex-wrap: wrap;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n.team {\r\n text-align: center;\r\n background: #f5f4fa;\r\n}\r\n\r\n.team-title {\r\n margin-bottom: 50px;\r\n\r\n font-weight: 700;\r\n font-size: 36px;\r\n line-height: 1.16;\r\n letter-spacing: 0.03em;\r\n\r\n color: var(--black-color);\r\n\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 30px;\r\n font-size: 28px;\r\n letter-spacing: 0.84px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n font-size: 36px;\r\n letter-spacing: 1.08px;\r\n }\r\n}\r\n\r\n.team-flex {\r\n display: flex;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n.team-item {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n background: $white-color;\r\n\r\n border-radius: 0px 0px 4px 4px;\r\n cursor: pointer;\r\n\r\n @media screen and (min-width: 1200px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.team-item:nth-child(n + 3) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.team-item:nth-child(2n) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.team-item:nth-child(1n) {\r\n @media screen and (max-width: 768px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.team-item:last-child {\r\n @media screen and (min-width: 1200px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.team-item:last-child {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.team-item:hover,\r\n.team-item:focus {\r\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14),\r\n 0px 2px 1px rgba(0, 0, 0, 0.2);\r\n border-radius: 0px 0px 4px 4px;\r\n}\r\n\r\n.team-subtitle {\r\n padding-top: 30px;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.team-subtitle,\r\n.team-text {\r\n font-weight: 500;\r\n font-size: 16px;\r\n line-height: 1.18;\r\n letter-spacing: 0.03em;\r\n\r\n color: $black-color;\r\n}\r\n\r\n.team-text {\r\n padding-bottom: 16px;\r\n font-weight: 400;\r\n color: $text-color;\r\n}\r\n\r\n.team-list-icon a {\r\n display: flex;\r\n padding: 12px;\r\n border: 0;\r\n border-radius: 50%;\r\n fill: #afb1b8;\r\n margin-bottom: 30px;\r\n cursor: pointer;\r\n\r\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.team-list-icon a:hover {\r\n fill: $white-color;\r\n background-color: #2196f3;\r\n}\r\n\r\n.team-list-icon {\r\n margin-right: 10px;\r\n}\r\n\r\n\r\n.team-icon {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n.team-icon:hover {\r\n fill: #f5f4fa;\r\n}\r\n\r\n// svg path:hover {\r\n// fill: #f5f4fa;\r\n// }\r\n\r\n\r\n.team-list-icon:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.team img {\r\n @media screen and (min-width: 1200px) {\r\n width: 270px;\r\n height: 260px;\r\n }\r\n}","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.clients-list {\r\n display: flex;\r\n // width: 480px;\r\n justify-content: center;\r\n\r\n list-style-type: none;\r\n margin: 0px;\r\n padding-left: 0;\r\n\r\n @media screen and (max-width: 1199px) {\r\n flex-wrap: wrap;\r\n }\r\n}\r\n\r\n// .clients {\r\n// text-align: center;\r\n// }\r\n\r\n.clients-title {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n font-weight: 700;\r\n font-size: 36px;\r\n line-height: 1.16;\r\n letter-spacing: 0.03em;\r\n\r\n color: $black-color;\r\n\r\n @media screen and (max-width: 1199px) {\r\n margin-bottom: 30px;\r\n font-size: 28px;\r\n letter-spacing: 0.84px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n font-size: 36px;\r\n letter-spacing: 1.08px;\r\n }\r\n}\r\n\r\n.clients-item {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n height: 90px;\r\n}\r\n\r\n .clients-item {\r\n @media screen and (max-width: 767px) {\r\n width: calc((100% - 30px) / 2);\r\n &:nth-child(2n) {\r\n margin-right: 0;\r\n }\r\n &:nth-last-child(-n + 2) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n \r\n\r\n.clients-item {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n width: calc((100% - 60px) / 3);\r\n &:nth-child(3n + 3) {\r\n margin-right: 0;\r\n }\r\n &:nth-last-child(-n + 3) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n\r\n\r\n.clients-item {\r\n @media screen and (min-width: 1200px) {\r\n width: calc((100% - 120px) / 6);\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n &:nth-child(n + 1) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n \r\n.clients-logo {\r\n display: flex;\r\n height: 100%;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n border: 1px solid #afb1b8;\r\n border-radius: 4px;\r\n\r\n fill: #afb1b8;\r\n cursor: pointer;\r\n\r\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n border 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.clients-logo:hover,\r\n.clients-logo:focus {\r\n fill: $accent-color;\r\n color: #2196f3;\r\n border: 1px solid $accent-color;\r\n}","/* Базовые настройки ------------ */\r\n\r\n// при открытии модалки убрать дергание сайт\r\n// html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {\r\n// -webkit-overflow-scrolling: touch;}\r\n// html { overflow-y: scroll !important; }\r\n\r\n// html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {\r\n// padding-right: 0 !important;\r\n// -webkit-overflow-scrolling: touch;}\r\n// html { overflow-y: scroll !important; }\r\n\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n\r\n background-color: var(--white-color);\r\n color: var(--text-color);\r\n\r\n font-family: Roboto, sans-serif;\r\n\r\n @media screen and (max-width: 767px) {\r\n // padding-top: 60px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n // padding-top: 80px;\r\n }\r\n\r\n}\r\n\r\n// * Запретить скролл под модальнім окном\r\nbody.modal-open {\r\n @media screen and (max-width: 767px) {\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n\r\n/* скрыть заголовки и части текста */\r\n.visually-hidden {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n border: 0;\r\n padding: 0;\r\n clip: rect(0 0 0 0);\r\n overflow: hidden;\r\n}\r\n\r\n// section {\r\n// outline: 2px solid red;\r\n// }\r\n\r\n/* Создание контейнера ----------- */\r\n\r\n.container {\r\n // width: 1230px;\r\n padding-left: 15px;\r\n padding-right: 15px;\r\n margin: 0 auto;\r\n\r\n @media screen and (min-width: 480px) {\r\n width: 480px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n width: 768px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n width: 1200px;\r\n }\r\n}\r\n\r\n// .flex-container {\r\n// display: flex;\r\n// justify-content: space-between;\r\n// }\r\n\r\n.center {\r\n text-align: center;\r\n}\r\n\r\n.hero {\r\n padding-top: 200px;\r\n padding-bottom: 200px;\r\n @media screen and (max-width: 1199px) {\r\n padding-top: 116px;\r\n padding-bottom: 116px;\r\n }\r\n}\r\n\r\n.features,\r\n.team,\r\n.clients {\r\n padding-top: 94px;\r\n padding-bottom: 94px;\r\n\r\n @media screen and (max-width: 1199px) {\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n }\r\n}\r\n\r\n// .clients {\r\n// width: 480px;\r\n// }\r\n\r\n.work {\r\n padding-bottom: 94px;\r\n}\r\n\r\n.footer {\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n}\r\n\r\n/* Личный нормализатор -------------- */\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-top: 0;\r\n padding: 0;\r\n /* padding: 0;\r\n margin: 0; */\r\n color: var(--title-color);\r\n}\r\n\r\np {\r\n margin-top: 0;\r\n /* padding: 0;\r\n margin: 0; */\r\n}\r\n\r\n/* чтоб можно было задать геометрию -------- */\r\n\r\na {\r\n display: block;\r\n text-decoration: none;\r\n font-style: normal;\r\n}\r\n\r\nul {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n}\r\n\r\n/* Зброс зазора */\r\nimg {\r\n display: block;\r\n max-width: 100%;\r\n height: auto;\r\n /* margin: 0px;\r\n padding: 0px; */\r\n}","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.footer {\r\n text-align: center;\r\n background-color: $background-color;\r\n}\r\n\r\n.footer-text {\r\n display: block;\r\n margin-bottom: 20px;\r\n margin-top: 60px;\r\n\r\n font-weight: 700;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.03em;\r\n // text-transform: uppercase;\r\n\r\n color: $white-color;\r\n\r\n @media screen and (min-width: 480px) {\r\n margin-top: 60px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n.address-map {\r\n margin-top: 20px;\r\n}\r\n\r\n.footer-wrap {\r\n display: flex;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: space-between;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n justify-content: space-around;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n.logo {\r\n @media screen and (min-width: 768px) {\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.footer-icons {\r\n margin-left: 70px;\r\n @media screen and (max-width: 767px) {\r\n margin-left: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n.address-map,\r\n.address-link {\r\n margin-bottom: 9px;\r\n display: block;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.71;\r\n letter-spacing: 0.03em;\r\n\r\n color: $white-color;\r\n}\r\n\r\n.no-margin {\r\n margin-bottom: 0;\r\n}\r\n\r\n.address-link {\r\n color: rgba(255, 255, 255, 0.6);\r\n}\r\n\r\n.footer-list-icon a {\r\n display: flex;\r\n padding: 12px;\r\n border: 0;\r\n border-radius: 50%;\r\n /* fill: #afb1b8; */\r\n fill: $white-color;\r\n // margin-bottom: 30px;\r\n cursor: pointer;\r\n background-color: rgba(255, 255, 255, 0.1);\r\n\r\n cursor: pointer;\r\n\r\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.footer-list-icon a:hover {\r\n color: $white-color;\r\n background-color: #2196f3;\r\n}\r\n\r\n.footer-list-icon {\r\n margin-right: 10px;\r\n}\r\n\r\n.footer-list-icon:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.footer-icon {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n.logo-studio-footer {\r\n color: $white-color;\r\n}\r\n\r\n.logo-web {\r\n color: $accent-color;\r\n}","/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n::before,\n::after {\n\tbox-sizing: border-box;\n}\n\nhtml {\n\t/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */\n\tfont-family:\n\t\tsystem-ui,\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n\tline-height: 1.15; /* 1. Correct the line height in all browsers. */\n\t-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */\n\t-moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */\n\ttab-size: 4; /* 3 */\n}\n\n/*\nSections\n========\n*/\n\nbody {\n\tmargin: 0; /* Remove the margin in all browsers. */\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n\theight: 0; /* 1 */\n\tcolor: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n\ttext-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n\tfont-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n\ttext-indent: 0; /* 1 */\n\tborder-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit; /* 1 */\n\tfont-size: 100%; /* 1 */\n\tline-height: 1.15; /* 1 */\n\tmargin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n\ttext-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n\t-webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n::-moz-focus-inner {\n\tborder-style: none;\n\tpadding: 0;\n}\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n:-moz-focusring {\n\toutline: 1px dotted ButtonText;\n}\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n:-moz-ui-invalid {\n\tbox-shadow: none;\n}\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n\tpadding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n\t-webkit-appearance: textfield; /* 1 */\n\toutline-offset: -2px; /* 2 */\n}\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button; /* 1 */\n\tfont: inherit; /* 2 */\n}\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n\tdisplay: list-item;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.f04ffa25.css b/static/css/main.f04ffa25.css new file mode 100644 index 0000000..b8d68e5 --- /dev/null +++ b/static/css/main.f04ffa25.css @@ -0,0 +1,3 @@ +body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:inherit;border-bottom:1px solid #ececec;left:0;position:relative;top:0;width:100%;z-index:999}@media screen and (max-width:767px){.header{padding-bottom:10px;padding-top:10px}}@media screen and (min-width:768px)and (max-width:1199px){.header__nav{align-items:center;display:flex}}@media screen and (min-width:1200px){.header__nav{align-items:center;display:flex}}@media screen and (max-width:767px){.mobile__wrap{align-items:center;display:flex;justify-content:space-between}}@media screen and (min-width:768px){.mobile__wrap{display:flex}}@media screen and (min-width:1200px){.mobile__wrap{margin-right:90px}}.logo{display:inline-block;font-family:Raleway;font-weight:700;line-height:1.19;text-decoration:none;z-index:70}@media screen and (min-width:768px){.logo{display:inline-flex;margin-right:88px}}@media screen and (max-width:1199px){.logo{font-size:24px;letter-spacing:.72px}}@media screen and (min-width:1200px){.logo{font-size:26px;letter-spacing:.03em}}.icon__close{position:absolute}.margin{margin-left:auto}.mobile__btn{background-color:transparent;border:none;display:inline-flex;margin:0;padding:0}@media screen and (min-width:768px){.mobile__btn{display:none}}.mobile__btn .icon__close{display:none}.mobile__btn.is__open .icon__close{display:block}.mobile__btn.is__open .icon__menu{display:none}@media screen and (max-width:767px){.menu__burger{background-color:#fff;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.16),0 2px 4px 0 rgba(0,0,0,.08),0 4px 8px 0 rgba(0,0,0,.04);font-size:20px;left:0;opacity:0;padding:60px 10px;position:absolute;text-align:center;top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:.8s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%}}.menu__burger.is__open{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.logo__web{color:#2196f3}.logo__studio{color:#000}.logo__studio-footer{color:#fff}.menu__link{color:var(--title-color);font-size:14px;font-weight:500;letter-spacing:.02em;line-height:1.14;padding-bottom:32px;padding-top:32px;position:relative;transition:color .25s cubic-bezier(.4,0,.2,1) .25s}@media screen and (max-width:767px){.menu__link{font-size:14px;letter-spacing:.36px;padding-bottom:0;padding-top:0}}@media screen and (min-width:768px){.menu__link{letter-spacing:.28px}}.menu{display:flex}@media screen and (max-width:767px){.menu{align-items:center;flex-direction:column;justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.menu{align-items:center;justify-content:center}}@media screen and (min-width:1200px){.menu{display:flex}}.menu__item{margin-bottom:40px;padding-bottom:40px}@media screen and (max-width:767px){.menu__item{padding-bottom:8px;padding-top:8px}}@media screen and (min-width:768px){.menu__item{margin-bottom:0;margin-right:50px;padding-bottom:0}}.menu__item:last-child{margin-right:0}@media screen and (max-width:767px){.menu__item:last-child{padding-bottom:0}}.menu__link.current,.menu__link:focus,.menu__link:hover{color:#2196f3}.menu__item{position:relative}.current:after{border:3px solid #2196f3;border-radius:2px;bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:100%}@media screen and (max-width:767px){.current:after{border-radius:2px;margin-bottom:-10px;width:100%}}@media screen and (min-width:768px){.menu__contacts{display:flex}}@media screen and (max-width:767px){.menu__contacts{margin-top:22px;padding-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.menu__contacts{margin-left:84px}}@media screen and (min-width:1200px){.menu__contacts{display:flex;margin-left:348px}}@media screen and (max-width:767px){.contacts__item{margin-right:0;padding-top:24px}}@media screen and (min-width:1200px){.contacts__item{display:flex;margin-right:30px}}.contacts__item:last-child{margin-right:0}@media screen and (max-width:767px){.contacts__item:last-child{margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.contacts__item:last-child{margin-bottom:0}}.contacts__svg-envelope{vertical-align:-56%}.contacts__svg,.contacts__svg-envelope{align-items:center;display:inline-block;height:20px;margin-right:10px;width:15px}.contacts__svg{vertical-align:middle}.contacts__icon{fill:#212121;align-items:center;color:#757575;cursor:pointer;display:inline-block;transition:color .25s cubic-bezier(.4,0,.2,1) .25s,fill .25s cubic-bezier(.4,0,.2,1) .25s}.contacts__icon:focus,.contacts__icon:hover{fill:#2196f3;color:#2196f3}.contacts__link{color:#757575;font-size:14px;font-weight:500;letter-spacing:.02em;line-height:1.14}@media screen and (max-width:767px){.contacts__link{font-size:14px;letter-spacing:.36px}.header{position:relative}}@media screen and (min-width:768px)and (max-width:1199px){.header__wrap{align-items:center;display:flex}}@media screen and (min-width:1200px){.header__wrap{align-items:center;display:flex}}@media screen and (max-width:767px){.Dropdown{display:flex;margin-left:auto}.Dropdown__menu{background-color:#fff;color:#f0f8ff;height:100%;overflow:auto;padding:20px;pointer-events:auto;position:fixed;right:0;text-align:center;top:0;width:100%}}.Dropdown__toggle{display:none}@media screen and (max-width:767px){.Dropdown__toggle{background-color:transparent;border:none}}@media screen and (max-width:767px)and (max-width:767px){.Dropdown__toggle{background-color:transparent;border:none;display:block;z-index:70}}.Dropdown__top{margin-bottom:60px;margin-top:120px}.Dropdown__top li{font-size:18px;font-weight:500;letter-spacing:.36px;margin-bottom:40px}@media screen and (max-width:767px){.contacts__icon{font-size:18px;font-weight:500;letter-spacing:.36px;margin-bottom:16px}}.overlay{background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto}@media screen and (max-width:767px){.overlay{background-image:url(/webstudio-01/static/media/bh-img-480.a15d82253a6e192e10f1.jpg);max-height:400px;max-width:480px}}@media screen and (max-width:767px)and (-webkit-min-device-pixel-ratio:2),screen and (max-width:767px)and (min-device-pixel-ratio:2),screen and (max-width:767px)and (min-resolution:192dpi),screen and (max-width:767px)and (min-resolution:2dppx){.overlay{background-image:url(/webstudio-01/static/media/bh-img-480-2x.b947df708a2bb4b92ef3.jpg)}}@media screen and (min-width:768px)and (max-width:1199px){.overlay{background-image:url(/webstudio-01/static/media/bg-img-768.67079336763442538624.jpg);max-width:768px}}@media screen and (min-width:768px)and (max-width:1199px)and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px)and (max-width:1199px)and (min-device-pixel-ratio:2),screen and (min-width:768px)and (max-width:1199px)and (min-resolution:192dpi),screen and (min-width:768px)and (max-width:1199px)and (min-resolution:2dppx){.overlay{background-image:url(/webstudio-01/static/media/bg-img-768-2x.95bf250eb4ec84767ac5.jpg)}}@media screen and (min-width:1200px){.overlay{background-image:url(/webstudio-01/static/media/bg-img-1200.57a87cbabbccbaa5143d.jpg);width:1600px}}@media screen and (min-width:1200px)and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1200px)and (min-device-pixel-ratio:2),screen and (min-width:1200px)and (min-resolution:192dpi),screen and (min-width:1200px)and (min-resolution:2dppx){.overlay{background-image:url(/webstudio-01/static/media/bg-img-1200-1x.57a87cbabbccbaa5143d.jpg)}}.hero{background-color:rgba(47,48,58,.4);letter-spacing:.06em}.hero,.hero__title{font-size:44px;font-weight:900;line-height:1.36}.hero__title{color:#fff;letter-spacing:2.64px;margin:0 auto;padding:0}@media screen and (max-width:467px){.hero__title{font-size:22px}}@media screen and (min-width:468px)and (max-width:1199px){.hero__title{font-size:26px;letter-spacing:1.56px;line-height:42px;max-width:360px}}@media screen and (min-width:1200px){.hero__title{font-family:Roboto;font-size:44px;letter-spacing:2.64px;line-height:60px;width:696}}.btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;letter-spacing:.06em;line-height:1.87;margin:30px auto 0;padding:10px 32px;transition:background-color .25s cubic-bezier(.4,0,.2,1) .25s}.btn:focus,.btn:hover{background-color:#188ce8}.btn__clouse{background-color:#fff;border:none;margin:0;padding:0}.backdrop{background-color:rgba(0,0,0,.2);height:100%;left:0;overflow-y:scroll;position:fixed;top:0;transition-duration:.25s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:999}.form{background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2);display:block;left:50%;max-width:340px;padding:40px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1);width:100%}@media screen and (min-width:478px)and (max-width:767px){.form{margin-top:93px;max-width:450px}}@media screen and (min-width:768px)and (max-width:1199px){.form{margin-top:208px;max-width:450px}}@media screen and (min-width:1200px){.form{height:auto;max-width:528px}}.form__icon{border:1px solid rgba(0,0,0,.1);border-radius:50%;color:#000;cursor:pointer;display:inline-block;height:30px;padding:4px;position:absolute;right:8px;top:8px;width:30px}form-icon:focus,form-icon:hover{fill:#2196f3}.form__title{color:#212121;font-size:20px;font-weight:700;letter-spacing:.03em;line-height:1.15;margin-bottom:30px;text-align:center}@media screen and (max-width:1199px){.form__title{font-size:20px;letter-spacing:.6px;line-height:1.5}}.form__input{cursor:pointer;height:40px;margin-bottom:30px;padding-left:15px;width:100%}.form__input:focus,.form__input:hover,textarea:focus,textarea:hover{border:1px solid #2196f3}textarea{cursor:pointer;height:120px;margin-bottom:20px;padding:12px 15px;resize:none;width:100%;width:448px}@media screen and (max-width:1199px){textarea{height:120px;width:100%}}.real__checkbox{-webkit-appearance:none;appearance:none;display:inline-block;position:absolute}.custom__checkbox{background:#fff;border:1px solid #000;border-radius:4px;margin-right:8px;position:relative;vertical-align:middle}.custom__checkbox,.custom__checkbox:before{display:inline-block;height:15px;width:16px}.custom__checkbox:before{background-image:url(/webstudio-01/static/media/icon%20check.137441bb7ecea9507f6b.svg);background-repeat:no-repeat;background-size:contain;content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.real__checkbox:checked+.custom__checkbox:before{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.form__link,.form__text{color:#757575;font-size:14px;font-weight:400;letter-spacing:.03em;line-height:1.71}@media screen and (max-width:1199px){.form__link,.form__text{font-size:12px;letter-spacing:.12px}}.form__link{color:#2196f3;margin-left:4px}label{align-items:center;display:flex;justify-content:center}.form .btn{margin-top:30px;padding-left:55px;padding-right:55px}.form__link{text-decoration:underline}.features-list{display:flex}@media screen and (min-width:1200px){.features-list{justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.features-list{flex-wrap:wrap}}@media screen and (max-width:767px){.features-list{flex-direction:column}}@media screen and (max-width:1600px){.features .features-title{text-align:center}}.features-item:before{background:#f5f4fa;background-position:50%;background-repeat:no-repeat;border-radius:4px;content:"";display:block;height:120px;margin-bottom:30px;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s,-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s}@media screen and (max-width:767px){.features-item:before{height:120px;max-width:450px}}@media screen and (min-width:768px)and (max-width:1199px){.features-item:before{height:120px;max-width:354px}}@media screen and (min-width:1200px){.features-item:before{height:120px;max-width:270px}}.features-item:hover:before{-webkit-transform:scale(1.1);transform:scale(1.1)}.features-item:first-child:before{background-image:url(/webstudio-01/static/media/antenna-1.ef90e165ba08205e03e0.svg)}.features-item:nth-child(2):before{background-image:url(/webstudio-01/static/media/clock-2.7a71859d2e47e19124e6.svg)}.features-item:nth-child(3):before{background-image:url(/webstudio-01/static/media/diagram-3.647409d11f1baaa42689.svg)}.features-item:nth-child(4):before{background-image:url(/webstudio-01/static/media/astronaut-4.79038cf7fa9a667a8a27.svg)}.features-title{color:var(--black-color);font-weight:700;line-height:1.14;padding:0 0 10px;text-transform:uppercase}.features-text,.features-title{font-size:14px;letter-spacing:.03em;margin:0}.features-text{color:var(--text-color);font-weight:400;line-height:1.71;padding:0}@media screen and (max-width:767px){.features-text{font-family:Roboto;letter-spacing:.42px;line-height:24px;max-width:450px}}.features-item{margin-bottom:30px;margin-right:30px}@media screen and (max-width:767px){.features-item{margin-right:0}}@media screen and (min-width:768px)and (max-width:1199px){.features-item{margin-right:30px;width:calc(50% - 15px)}.features-item:nth-child(2n){margin-right:0}}@media screen and (max-width:768px){.features-item:nth-child(n+4){margin-bottom:0}}.features-item:last-child{margin-right:0}@media screen and (min-width:768px)and (max-width:1199px){.features-item:nth-child(n+3){margin-bottom:0}}@media screen and (min-width:1200px){.features-item:nth-child(n+1){margin-bottom:0}}.work-flex-container{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:1199px){.work{display:none}}.work-title{color:var(--black-color);font-size:36px;font-weight:700;letter-spacing:.03em;line-height:1.16;margin-bottom:50px}.work-item{display:inline-block;margin-right:30px}.work-item:last-child{margin-right:0}.work-image{-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s;transition:transform .25s cubic-bezier(.4,0,.2,1) .25s,-webkit-transform .25s cubic-bezier(.4,0,.2,1) .25s}.work-image:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.team-list{display:flex;justify-content:center}@media screen and (min-width:1200px){.team-list{justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.team-list{flex-wrap:wrap}}@media screen and (max-width:767px){.team-list{flex-direction:column;justify-content:center}}.team{background:#f5f4fa;text-align:center}.team-title{color:var(--black-color);font-size:36px;font-weight:700;letter-spacing:.03em;line-height:1.16;margin-bottom:50px}@media screen and (max-width:767px){.team-title{font-size:28px;letter-spacing:.84px;margin-bottom:30px}}@media screen and (min-width:1200px){.team-title{font-size:36px;letter-spacing:1.08px}}.team-flex{display:flex}@media screen and (min-width:1200px){.team-flex{align-items:center;justify-content:center}}@media screen and (min-width:768px)and (max-width:1199px){.team-flex{justify-content:center}}@media screen and (max-width:767px){.team-flex{justify-content:center}}.team-item{background:#fff;border-radius:0 0 4px 4px;cursor:pointer;margin-bottom:30px;margin-right:30px}@media screen and (min-width:1200px){.team-item{margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.team-item:nth-child(n+3){margin-bottom:0}.team-item:nth-child(2n){margin-right:0}}@media screen and (max-width:768px){.team-item:nth-child(1n){margin-right:0}}@media screen and (min-width:1200px){.team-item:last-child{margin-right:0}}@media screen and (max-width:767px){.team-item:last-child{margin-bottom:0}}.team-item:focus,.team-item:hover{border-radius:0 0 4px 4px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2)}.team-subtitle{padding-bottom:10px;padding-top:30px}.team-subtitle,.team-text{color:#000;font-size:16px;font-weight:500;letter-spacing:.03em;line-height:1.18}.team-text{color:#757575;font-weight:400;padding-bottom:16px}.team-list-icon a{fill:#afb1b8;border:0;border-radius:50%;cursor:pointer;display:flex;margin-bottom:30px;padding:12px;transition:fill .25s cubic-bezier(.4,0,.2,1) .25s,background-color .25s cubic-bezier(.4,0,.2,1) .25s}.team-list-icon a:hover{fill:#fff;background-color:#2196f3}.team-list-icon{margin-right:10px}.team-icon{height:20px;width:20px}.team-icon:hover{fill:#f5f4fa}.team-list-icon:last-child{margin-right:0}@media screen and (min-width:1200px){.team img{height:260px;width:270px}}.clients-list{display:flex;justify-content:center;list-style-type:none;margin:0;padding-left:0}@media screen and (max-width:1199px){.clients-list{flex-wrap:wrap}}.clients-title{color:#000;font-size:36px;font-weight:700;letter-spacing:.03em;line-height:1.16;margin-bottom:50px;text-align:center}@media screen and (max-width:1199px){.clients-title{font-size:28px;letter-spacing:.84px;margin-bottom:30px}}@media screen and (min-width:1200px){.clients-title{font-size:36px;letter-spacing:1.08px}}.clients-item{height:90px;margin-bottom:30px;margin-right:30px}@media screen and (max-width:767px){.clients-item{width:calc(50% - 15px)}.clients-item:nth-child(2n){margin-right:0}.clients-item:nth-last-child(-n+2){margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.clients-item{width:calc(33.33333% - 20px)}.clients-item:nth-child(3n+3){margin-right:0}.clients-item:nth-last-child(-n+3){margin-bottom:0}}@media screen and (min-width:1200px){.clients-item{width:calc(16.66667% - 20px)}.clients-item:last-child{margin-right:0}.clients-item:nth-child(n+1){margin-bottom:0}}.clients-logo{fill:#afb1b8;align-items:center;border:1px solid #afb1b8;border-radius:4px;cursor:pointer;display:flex;height:100%;justify-content:center;text-align:center;transition:fill .25s cubic-bezier(.4,0,.2,1) .25s,color .25s cubic-bezier(.4,0,.2,1) .25s,border .25s cubic-bezier(.4,0,.2,1) .25s}.clients-logo:focus,.clients-logo:hover{fill:#2196f3;border:1px solid #2196f3;color:#2196f3}body{background-color:var(--white-color);color:var(--text-color);font-family:Roboto,sans-serif;padding:0}@media screen and (max-width:767px){body.modal-open{overflow:hidden}}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.container{margin:0 auto;padding-left:15px;padding-right:15px}@media screen and (min-width:480px){.container{width:480px}}@media screen and (min-width:768px){.container{width:768px}}@media screen and (min-width:1200px){.container{width:1200px}}.center{text-align:center}.hero{padding-bottom:200px;padding-top:200px}@media screen and (max-width:1199px){.hero{padding-bottom:116px;padding-top:116px}}.clients,.features,.team{padding-bottom:94px;padding-top:94px}@media screen and (max-width:1199px){.clients,.features,.team{padding-bottom:60px;padding-top:60px}}.work{padding-bottom:94px}.footer{padding-bottom:60px;padding-top:60px}h1,h2,h3,h4,h5,h6{color:var(--title-color);margin-top:0;padding:0}p{margin-top:0}a{display:block;font-style:normal;text-decoration:none}ul{list-style:none;margin:0;padding:0}img{display:block;height:auto;max-width:100%}.footer{background-color:#2f303a;text-align:center}.footer-text{color:#fff;display:block;font-size:14px;font-weight:700;letter-spacing:.03em;line-height:1.14;margin-bottom:20px;margin-top:60px}@media screen and (min-width:480px){.footer-text{margin-top:60px}}@media screen and (min-width:768px){.footer-text{margin-top:0}}.address-map{margin-top:20px}.footer-wrap{display:flex}@media screen and (min-width:1200px){.footer-wrap{justify-content:space-between}}@media screen and (min-width:768px)and (max-width:1199px){.footer-wrap{justify-content:space-around}}@media screen and (max-width:767px){.footer-wrap{flex-direction:column;justify-content:center}}@media screen and (min-width:768px){.logo{margin:0 auto}}.footer-icons{margin-left:70px}@media screen and (max-width:767px){.footer-icons{margin-left:0}}@media screen and (min-width:768px){.footer-icons{margin-left:0}}.address-link,.address-map{color:#fff;display:block;font-size:14px;font-weight:400;letter-spacing:.03em;line-height:1.71;margin-bottom:9px}.no-margin{margin-bottom:0}.address-link{color:hsla(0,0%,100%,.6)}.footer-list-icon a{fill:#fff;background-color:hsla(0,0%,100%,.1);border:0;border-radius:50%;cursor:pointer;display:flex;padding:12px;transition:fill .25s cubic-bezier(.4,0,.2,1) .25s,background-color .25s cubic-bezier(.4,0,.2,1) .25s}.footer-list-icon a:hover{background-color:#2196f3;color:#fff}.footer-list-icon{margin-right:10px}.footer-list-icon:last-child{margin-right:0}.footer-icon{height:20px;width:20px}.logo-studio-footer{color:#fff}.logo-web{color:#2196f3} +/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;tab-size:4}body{margin:0}hr{color:inherit;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item} +/*# sourceMappingURL=main.f04ffa25.css.map*/ \ No newline at end of file diff --git a/static/css/main.f04ffa25.css.map b/static/css/main.f04ffa25.css.map new file mode 100644 index 0000000..226c79c --- /dev/null +++ b/static/css/main.f04ffa25.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.f04ffa25.css","mappings":"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","sources":["index.css","components/Header/Header.scss","BaseScss/variables.scss","components/Dropdown/Dropdown.scss","components/Hero/Hero.scss","components/Modal/Modal.scss","components/Features/Features.scss","components/Work/Work.scss","components/Team/Team.scss","components/Clients/Clients.scss","BaseScss/base.scss","components/Footer/Footer.scss","../node_modules/modern-normalize/modern-normalize.css"],"sourcesContent":["body {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n// @import './../../Animal.scss';\r\n\r\n.header {\r\n // position: fixed;\r\n position: relative;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n border-bottom: 1px solid #ececec;\r\n background-color: inherit;\r\n z-index: 999;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n }\r\n}\r\n\r\n// .header__wrap {\r\n// @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n// display: flex;\r\n// // justify-content: space-between;\r\n// align-items: center;\r\n// }\r\n// @media screen and (min-width: 1200px) {\r\n// display: flex;\r\n// align-items: center;\r\n// }\r\n// }\r\n\r\n.header__nav {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.mobile__wrap {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n display: flex;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n margin-right: 90px;\r\n }\r\n}\r\n\r\n.logo {\r\n display: inline-block;\r\n font-family: Raleway;\r\n font-weight: 700;\r\n line-height: 1.19;\r\n text-decoration: none;\r\n z-index: 70;\r\n\r\n @media screen and (min-width: 768px) {\r\n display: inline-flex;\r\n margin-right: 88px;\r\n }\r\n\r\n @media screen and (max-width: 1199px) {\r\n font-size: 24px;\r\n letter-spacing: 0.72px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n font-size: 26px;\r\n letter-spacing: 0.03em;\r\n }\r\n\r\n &__web {\r\n color: $accent-color;\r\n }\r\n\r\n &__studio {\r\n color: $black-color;\r\n }\r\n}\r\n\r\n.icon__close {\r\n position: absolute;\r\n}\r\n\r\n.margin {\r\n margin-left: auto;\r\n}\r\n\r\n.mobile__btn {\r\n // убрали все базовые стили кнопки\r\n display: inline-flex;\r\n\r\n margin: 0;\r\n padding: 0;\r\n border: none;\r\n background-color: transparent;\r\n\r\n @media screen and (min-width: 768px) {\r\n display: none;\r\n }\r\n}\r\n\r\n.mobile__btn .icon__close {\r\n display: none;\r\n}\r\n\r\n.mobile__btn.is__open .icon__close {\r\n display: block;\r\n}\r\n\r\n.mobile__btn.is__open .icon__menu {\r\n display: none;\r\n}\r\n\r\n.menu__burger {\r\n @media screen and (max-width: 767px) {\r\n // display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n width: 100%;\r\n\r\n background-color: $white-color;\r\n padding: 10px;\r\n text-align: center;\r\n font-size: 20px;\r\n\r\n opacity: 0;\r\n visibility: hidden;\r\n\r\n transform: translateY(-100%);\r\n transition: 800ms cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n\r\n background: #fff;\r\n box-shadow:\r\n 0px 1px 3px 0px rgba(0, 0, 0, 0.16),\r\n 0px 2px 4px 0px rgba(0, 0, 0, 0.08),\r\n 0px 4px 8px 0px rgba(0, 0, 0, 0.04);\r\n }\r\n}\r\n\r\n.menu__burger.is__open {\r\n // display: block;\r\n opacity: 1;\r\n visibility: visible;\r\n // pointer-events: none;\r\n transform: translateY(0);\r\n}\r\n\r\n.logo__web {\r\n color: $accent-color;\r\n}\r\n\r\n.logo__studio {\r\n color: $black-color;\r\n}\r\n\r\n.logo__studio-footer {\r\n color: $white-color;\r\n}\r\n\r\n.menu__link {\r\n position: relative;\r\n padding-top: 32px;\r\n padding-bottom: 32px;\r\n\r\n font-weight: 500;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.02em;\r\n color: var(--title-color);\r\n\r\n transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n font-size: 14px;\r\n letter-spacing: 0.36px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n letter-spacing: 0.28px;\r\n }\r\n}\r\n\r\n.menu {\r\n display: flex;\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n }\r\n}\r\n\r\n.menu__item {\r\n margin-bottom: 40px;\r\n padding-bottom: 40px;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-top: 8px;\r\n padding-bottom: 8px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-right: 50px;\r\n }\r\n}\r\n\r\n.menu__item:last-child {\r\n margin-right: 0;\r\n\r\n @media screen and (max-width: 767px) {\r\n padding-bottom: 0;\r\n }\r\n}\r\n\r\n.menu__link.current {\r\n color: $accent-color;\r\n}\r\n\r\n.menu__link:hover,\r\n.menu__link:focus {\r\n color: $accent-color;\r\n}\r\n\r\n.menu__item {\r\n position: relative;\r\n}\r\n\r\n.current::after {\r\n display: block;\r\n position: absolute;\r\n /* display: inline-flex; */\r\n content: \"\";\r\n width: 100%;\r\n height: 3px;\r\n left: 0;\r\n bottom: 0;\r\n border: 3px solid $accent-color;\r\n /* background: #2196F3; */\r\n border-radius: 2px;\r\n\r\n @media screen and (max-width: 767px) {\r\n width: 100%;\r\n border-radius: 2px;\r\n margin-bottom: -10px;\r\n }\r\n}\r\n\r\n.menu__contacts {\r\n @media screen and (min-width: 768px) {\r\n display: flex;\r\n // justify-content: flex-end;\r\n }\r\n // padding-top: 20px;\r\n // padding-bottom: 20px;\r\n\r\n @media screen and (max-width: 767px) {\r\n margin-top: 22px;\r\n padding-bottom: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-left: 84px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n margin-left: 348px;\r\n }\r\n}\r\n\r\n.contacts__item {\r\n // margin-bottom: 10px;\r\n @media screen and (max-width: 767px) {\r\n margin-right: 0;\r\n padding-top: 24px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n margin-right: 30px;\r\n }\r\n}\r\n\r\n.contacts__item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.contacts__item:last-child {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.contacts__item:last-child {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.contacts__svg-envelope {\r\n display: inline-block;\r\n align-items: center;\r\n margin-right: 10px;\r\n width: 15px;\r\n height: 20px;\r\n // text-align: center;\r\n // // vertical-align: sub;\r\n // vertical-align: -35%;\r\n vertical-align: -56%;\r\n}\r\n\r\n// .contacts__svg-envelope:hover {\r\n// fill: #757575;\r\n// }\r\n\r\n.contacts__svg {\r\n display: inline-block;\r\n align-items: center;\r\n margin-right: 10px;\r\n width: 15px;\r\n height: 20px;\r\n // text-align: center;\r\n // // vertical-align: sub;\r\n // vertical-align: -35%;\r\n vertical-align: middle;\r\n}\r\n\r\n.contacts__icon {\r\n display: inline-block;\r\n align-items: center;\r\n\r\n color: #757575;\r\n fill: #212121;\r\n cursor: pointer;\r\n\r\n transition:\r\n color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.contacts__icon:hover,\r\n.contacts__icon:focus {\r\n fill: #2196f3;\r\n color: $accent-color;\r\n}\r\n\r\n.contacts__link {\r\n // margin-left: auto;\r\n\r\n font-weight: 500;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.02em;\r\n\r\n color: $text-color;\r\n\r\n @media screen and (max-width: 767px) {\r\n font-size: 14px;\r\n letter-spacing: 0.36px;\r\n }\r\n}\r\n","$text-color: #757575;\r\n$title-color: #212121;\r\n$accent-color: #2196f3;\r\n$white-color: #ffffff;\r\n$black-color: #000000;\r\n$background-color: #2f303a;\r\n\r\n$mobile: 480px;\r\n$tablet: 768px;\r\n$desktop:1200px;\r\n\r\n$fullstack: #2e5bb7;\r\n$frontend: #a16ef2;\r\n$project-manager: #deb43d;\r\n$design: #e556dd;\r\n$qa-manual: #48b65e;\r\n$python: #f48f33;\r\n$java: #f34b70;\r\n$smm: #27e3c9;\r\n$data-analytics: #e3c071;\r\n$it: #36e82d;","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.header {\r\n @media screen and (max-width: 767px) {\r\n position: relative;\r\n }\r\n}\r\n\r\n.header__wrap {\r\n // @media screen and (max-width: 767px) {\r\n // position: relative;\r\n // }\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n display: flex;\r\n // justify-content: space-between;\r\n align-items: center;\r\n }\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.Dropdown {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n margin-left: auto;\r\n }\r\n}\r\n\r\n.Dropdown__menu {\r\n @media screen and (max-width: 767px) {\r\n // чтоб сделать меню на всю ширину и длину вьюпотра\r\n position: fixed;\r\n \r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 100%;\r\n padding: 20px;\r\n text-align: center;\r\n background-color: $white-color;\r\n color: aliceblue;\r\n // transition: left 500ms;\r\n /* overflow: auto; */\r\n overflow: auto;\r\n // overflow-y: hidden;\r\n pointer-events: auto;\r\n\r\n // transform: translateX(0);\r\n\r\n }\r\n}\r\n\r\n.Dropdown__toggle {\r\n // скрыть разметку бургер меню\r\n display: none;\r\n @media screen and (max-width: 767px) {\r\n border: none;\r\n background-color: rgba(0, 0, 0, 0);\r\n @media screen and (max-width: 767px) {\r\n // показать разметку бургер меню\r\n display: block;\r\n border: none;\r\n background-color: rgba(0, 0, 0, 0);\r\n z-index: 70;\r\n \r\n }\r\n}\r\n}\r\n\r\n.Dropdown__top {\r\n margin-top: 120px;\r\n margin-bottom: 60px;\r\n}\r\n\r\n\r\n.Dropdown__top li {\r\n margin-bottom: 40px;\r\n\r\n font-size: 18px;\r\n font-weight: 500;\r\n letter-spacing: 0.36px;\r\n}\r\n\r\n\r\n.contacts__icon {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 16px;\r\n\r\n font-size: 18px;\r\n font-weight: 500;\r\n letter-spacing: 0.36px;\r\n \r\n }\r\n}\r\n\r\n// .icon-close {\r\n// @media screen and (max-width: 767px) {\r\n// transform: translateX(100%);\r\n// }\r\n \r\n \r\n// }\r\n\r\n// .icon-menu {\r\n// @media screen and (max-width: 767px) {\r\n// transform: translateX(0);\r\n// }\r\n\r\n// }\r\n\r\n\r\n","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.overlay {\r\n margin: 0 auto;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n\r\n @media screen and (max-width: 767px) {\r\n max-width: 480px;\r\n max-height: 400px;\r\n background-image:\r\n url(\"../../images/hero/bh-img-480.jpg\");\r\n @media screen and (min-device-pixel-ratio: 2),\r\n screen and (min-resolution: 192dpi),\r\n screen and (min-resolution: 2dppx) {\r\n background-image: url('../../images/hero/bh-img-480-2x.jpg');\r\n }\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n max-width: 768px;\r\n background-image:\r\n url('../../images/hero/bg-img-768.jpg');\r\n @media screen and (min-device-pixel-ratio: 2),\r\n screen and (min-resolution: 192dpi),\r\n screen and (min-resolution: 2dppx) {\r\n background-image: url('../../images/hero/bg-img-768-2x.jpg');\r\n }\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n width: 1600px;\r\n background-image:\r\n url('../../images/hero/bg-img-1200.jpg');\r\n @media screen and (min-device-pixel-ratio: 2),\r\n screen and (min-resolution: 192dpi),\r\n screen and (min-resolution: 2dppx) {\r\n background-image: url('../../images/hero/bg-img-1200-1x.jpg');\r\n }\r\n }\r\n}\r\n\r\n.hero {\r\n background-color: rgba(47, 48, 58, 0.4);\r\n font-weight: 900;\r\n font-size: 44px;\r\n line-height: 1.36;\r\n letter-spacing: 0.06em;\r\n}\r\n\r\n.hero__title {\r\n margin: 0;\r\n padding: 0;\r\n margin-bottom: 30px;\r\n margin: 0 auto;\r\n\r\n color: $white-color;\r\n font-weight: 900;\r\n font-size: 44px;\r\n line-height: 1.36;\r\n letter-spacing: 2.64px;\r\n\r\n @media screen and (max-width: 467px) {\r\n font-size: 22px;\r\n }\r\n\r\n @media screen and (min-width: 468px) and (max-width: 1199px) {\r\n max-width: 360px;\r\n font-size: 26px;\r\n line-height: 42px;\r\n letter-spacing: 1.56px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n width: 696;\r\n font-size: 44px;\r\n font-family: Roboto;\r\n line-height: 60px;\r\n letter-spacing: 2.64px;\r\n }\r\n}\r\n\r\n\r\n\r\n.btn {\r\n display: block;\r\n margin: 0 auto;\r\n margin-top: 30px;\r\n padding: 10px 32px;\r\n\r\n font-weight: 700;\r\n font-size: 16px;\r\n line-height: 1.87;\r\n letter-spacing: 0.06em;\r\n\r\n color: $white-color;\r\n\r\n background: #2196f3;\r\n border-radius: 4px;\r\n border: none;\r\n cursor: pointer;\r\n\r\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n &:hover,\r\n &:focus {\r\n background-color: #188ce8;\r\n }\r\n\r\n &__clouse {\r\n padding: 0;\r\n margin: 0;\r\n border: none;\r\n background-color: $white-color;\r\n }\r\n}","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.backdrop {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n\r\n transition-property: opacity;\r\n transition-duration: 250ms;\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n // чтоб не прокручивалась модалька\r\n overflow-y: scroll;\r\n z-index: 999;\r\n}\r\n\r\n// .backdrop.is-hidden {\r\n// opacity: 0;\r\n// /* прозрачность и спрятать модуалку */\r\n// pointer-events: none;\r\n// /* пропускать через модалку события */\r\n// }\r\n\r\n// .backdrop.is-hidden .form {\r\n// transform: translate(-50%, -50%) scale(0.9);\r\n// }\r\n\r\n.form {\r\n display: block;\r\n /* поставить по центру */\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n padding: 40px;\r\n background: $white-color;\r\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14),\r\n 0px 2px 1px rgba(0, 0, 0, 0.2);\r\n border-radius: 4px;\r\n max-width: 340px;\r\n transform: translate(-50%, -50%) scale(1);\r\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n @media screen and (min-width: 478px) and (max-width: 767px) {\r\n max-width: 450px;\r\n margin-top: 93px;\r\n }\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n max-width: 450px;\r\n margin-top: 208px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n max-width: 528px;\r\n height: auto;\r\n }\r\n}\r\n\r\n .form__icon {\r\n display: inline-block;\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n padding: 4px;\r\n width: 30px;\r\n height: 30px;\r\n\r\n color: $black-color;\r\n\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n }\r\n\r\n form-icon:hover,\r\n form-icon:focus {\r\n fill: $accent-color;\r\n }\r\n\r\n.form__title {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 1.15;\r\n letter-spacing: 0.03em;\r\n\r\n color: #212121;\r\n\r\n @media screen and (max-width: 1199px) {\r\n font-size: 20px;\r\n line-height: 1.5;\r\n letter-spacing: 0.6px;\r\n }\r\n}\r\n\r\n.form__input {\r\n padding-left: 15px;\r\n margin-bottom: 30px;\r\n\r\n width: 100%;\r\n height: 40px;\r\n cursor: pointer;\r\n}\r\n\r\n.form__input:hover,\r\n.form__input:focus,\r\ntextarea:hover,\r\ntextarea:focus {\r\n border: 1px solid $accent-color;\r\n}\r\n\r\n\r\ntextarea {\r\n padding: 12px 15px;\r\n margin-bottom: 20px;\r\n resize: none;\r\n width: 100%;\r\n cursor: pointer;\r\n width: 448px;\r\n height: 120px;\r\n\r\n @media screen and (max-width: 1199px) {\r\n width: 100%;\r\n height: 120px;\r\n }\r\n}\r\n\r\n.real__checkbox {\r\n display: inline-block;\r\n /* снять все дефолтное оформление от браузера */\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n position: absolute;\r\n}\r\n\r\n.custom__checkbox {\r\n position: relative;\r\n display: inline-block;\r\n margin-right: 8px;\r\n width: 16px;\r\n height: 15px;\r\n background: $white-color;\r\n border: 1px solid $black-color;\r\n border-radius: 4px;\r\n vertical-align: middle;\r\n}\r\n\r\n.custom__checkbox::before {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) scale(0);\r\n\r\n content: '';\r\n display: inline-block;\r\n width: 16px;\r\n height: 15px;\r\n background-image: url('./../../images/icon\\ check.svg');\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n}\r\n\r\n.real__checkbox:checked + .custom__checkbox::before {\r\n transform: translate(-50%, -50%) scale(1);\r\n}\r\n\r\n.form__text,\r\n.form__link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.71;\r\n letter-spacing: 0.03em;\r\n color: #757575;\r\n\r\n @media screen and (max-width: 1199px) {\r\n font-size: 12px;\r\n letter-spacing: 0.12px;\r\n }\r\n}\r\n\r\n.form__link {\r\n margin-left: 4px;\r\n color: $accent-color;\r\n}\r\n\r\nlabel {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.form .btn {\r\n margin-top: 30px;\r\n padding-left: 55px;\r\n padding-right: 55px;\r\n}\r\n\r\n.form__link {\r\n text-decoration: underline;\r\n}","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.features-list {\r\n display: flex;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n flex-wrap: wrap;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n.features .features-title {\r\n @media screen and (max-width: 1600px) {\r\n text-align: center;\r\n }\r\n}\r\n\r\n.features-item::before {\r\n display: block;\r\n content: '';\r\n height: 120px;\r\n margin-bottom: 30px;\r\n background: #f5f4fa;\r\n border-radius: 4px;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n transform: scale(1);\r\n\r\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n @media screen and (max-width: 767px) {\r\n max-width: 450px;\r\n height: 120px;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n max-width: 354px;\r\n height: 120px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n max-width: 270px;\r\n height: 120px;\r\n }\r\n}\r\n\r\n.features-item:hover:before {\r\n transform: scale(1.1);\r\n}\r\n\r\n.features-item:nth-child(1)::before {\r\n background-image: url(../../images/icon/antenna-1.svg);\r\n}\r\n\r\n.features-item:nth-child(2)::before {\r\n background-image: url(../../images/icon/clock-2.svg);\r\n}\r\n\r\n.features-item:nth-child(3)::before {\r\n background-image: url(../../images/icon/diagram-3.svg);\r\n}\r\n\r\n.features-item:nth-child(4)::before {\r\n background-image: url(../../images/icon/astronaut-4.svg);\r\n}\r\n\r\n.features-title {\r\n padding: 0;\r\n margin: 0;\r\n padding-bottom: 10px;\r\n font-weight: 700;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.03em;\r\n text-transform: uppercase;\r\n\r\n color: var(--black-color);\r\n}\r\n\r\n.features-text {\r\n padding: 0;\r\n margin: 0;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.71;\r\n letter-spacing: 0.03em;\r\n\r\n color: var(--text-color);\r\n\r\n @media screen and (max-width: 767px) {\r\n max-width: 450px;\r\n font-family: Roboto;\r\n line-height: 24px;\r\n letter-spacing: 0.42px;\r\n }\r\n}\r\n\r\n.features-item {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n @media screen and (max-width: 767px) {\r\n margin-right: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n width: calc((100% - 1 * 30px) / 2);\r\n margin-right: 30px;\r\n }\r\n}\r\n\r\n.features-item:nth-child(2n) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.features-item:nth-child(n + 4) {\r\n @media screen and (max-width: 768px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.features-item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.features-item:nth-child(n + 3) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.features-item:nth-child(n + 1) {\r\n @media screen and (min-width: 1200px) {\r\n margin-bottom: 0;\r\n }\r\n}","@import \"./../../BaseScss/base.scss\";\r\n@import \"./../../BaseScss/variables.scss\";\r\n\r\n.work-flex-container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.work {\r\n @media screen and (max-width: 1199px) {\r\n display: none;\r\n }\r\n}\r\n\r\n.work-title {\r\n margin-bottom: 50px;\r\n\r\n font-weight: 700;\r\n font-size: 36px;\r\n line-height: 1.16;\r\n letter-spacing: 0.03em;\r\n\r\n color: var(--black-color);\r\n}\r\n\r\n.work-item {\r\n display: inline-block;\r\n /* width: calc((100% - 60px) / 2); */\r\n margin-right: 30px;\r\n\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n// .work-item:last-child {\r\n// margin-right: 0;\r\n// }\r\n\r\n.work-image {\r\n transform: scale(1);\r\n\r\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n\r\n &:hover {\r\n transform: scale(1.1);\r\n }\r\n}\r\n\r\n// .work-image:hover {\r\n// transform: scale(1.1);\r\n// }","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.team-list {\r\n display: flex;\r\n justify-content: center;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n flex-wrap: wrap;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n.team {\r\n text-align: center;\r\n background: #f5f4fa;\r\n}\r\n\r\n.team-title {\r\n margin-bottom: 50px;\r\n\r\n font-weight: 700;\r\n font-size: 36px;\r\n line-height: 1.16;\r\n letter-spacing: 0.03em;\r\n\r\n color: var(--black-color);\r\n\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 30px;\r\n font-size: 28px;\r\n letter-spacing: 0.84px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n font-size: 36px;\r\n letter-spacing: 1.08px;\r\n }\r\n}\r\n\r\n.team-flex {\r\n display: flex;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n.team-item {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n background: $white-color;\r\n\r\n border-radius: 0px 0px 4px 4px;\r\n cursor: pointer;\r\n\r\n @media screen and (min-width: 1200px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.team-item:nth-child(n + 3) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.team-item:nth-child(2n) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.team-item:nth-child(1n) {\r\n @media screen and (max-width: 768px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.team-item:last-child {\r\n @media screen and (min-width: 1200px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.team-item:last-child {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.team-item:hover,\r\n.team-item:focus {\r\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14),\r\n 0px 2px 1px rgba(0, 0, 0, 0.2);\r\n border-radius: 0px 0px 4px 4px;\r\n}\r\n\r\n.team-subtitle {\r\n padding-top: 30px;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.team-subtitle,\r\n.team-text {\r\n font-weight: 500;\r\n font-size: 16px;\r\n line-height: 1.18;\r\n letter-spacing: 0.03em;\r\n\r\n color: $black-color;\r\n}\r\n\r\n.team-text {\r\n padding-bottom: 16px;\r\n font-weight: 400;\r\n color: $text-color;\r\n}\r\n\r\n.team-list-icon a {\r\n display: flex;\r\n padding: 12px;\r\n border: 0;\r\n border-radius: 50%;\r\n fill: #afb1b8;\r\n margin-bottom: 30px;\r\n cursor: pointer;\r\n\r\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.team-list-icon a:hover {\r\n fill: $white-color;\r\n background-color: #2196f3;\r\n}\r\n\r\n.team-list-icon {\r\n margin-right: 10px;\r\n}\r\n\r\n\r\n.team-icon {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n.team-icon:hover {\r\n fill: #f5f4fa;\r\n}\r\n\r\n// svg path:hover {\r\n// fill: #f5f4fa;\r\n// }\r\n\r\n\r\n.team-list-icon:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.team img {\r\n @media screen and (min-width: 1200px) {\r\n width: 270px;\r\n height: 260px;\r\n }\r\n}","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.clients-list {\r\n display: flex;\r\n // width: 480px;\r\n justify-content: center;\r\n\r\n list-style-type: none;\r\n margin: 0px;\r\n padding-left: 0;\r\n\r\n @media screen and (max-width: 1199px) {\r\n flex-wrap: wrap;\r\n }\r\n}\r\n\r\n// .clients {\r\n// text-align: center;\r\n// }\r\n\r\n.clients-title {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n font-weight: 700;\r\n font-size: 36px;\r\n line-height: 1.16;\r\n letter-spacing: 0.03em;\r\n\r\n color: $black-color;\r\n\r\n @media screen and (max-width: 1199px) {\r\n margin-bottom: 30px;\r\n font-size: 28px;\r\n letter-spacing: 0.84px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n font-size: 36px;\r\n letter-spacing: 1.08px;\r\n }\r\n}\r\n\r\n.clients-item {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n height: 90px;\r\n}\r\n\r\n .clients-item {\r\n @media screen and (max-width: 767px) {\r\n width: calc((100% - 30px) / 2);\r\n &:nth-child(2n) {\r\n margin-right: 0;\r\n }\r\n &:nth-last-child(-n + 2) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n \r\n\r\n.clients-item {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n width: calc((100% - 60px) / 3);\r\n &:nth-child(3n + 3) {\r\n margin-right: 0;\r\n }\r\n &:nth-last-child(-n + 3) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n\r\n\r\n.clients-item {\r\n @media screen and (min-width: 1200px) {\r\n width: calc((100% - 120px) / 6);\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n &:nth-child(n + 1) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n \r\n.clients-logo {\r\n display: flex;\r\n height: 100%;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n border: 1px solid #afb1b8;\r\n border-radius: 4px;\r\n\r\n fill: #afb1b8;\r\n cursor: pointer;\r\n\r\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n border 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.clients-logo:hover,\r\n.clients-logo:focus {\r\n fill: $accent-color;\r\n color: #2196f3;\r\n border: 1px solid $accent-color;\r\n}","/* Базовые настройки ------------ */\r\n\r\n// при открытии модалки убрать дергание сайт\r\n// html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {\r\n// -webkit-overflow-scrolling: touch;}\r\n// html { overflow-y: scroll !important; }\r\n\r\n// html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {\r\n// padding-right: 0 !important;\r\n// -webkit-overflow-scrolling: touch;}\r\n// html { overflow-y: scroll !important; }\r\n\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n\r\n background-color: var(--white-color);\r\n color: var(--text-color);\r\n\r\n font-family: Roboto, sans-serif;\r\n\r\n @media screen and (max-width: 767px) {\r\n // padding-top: 60px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n // padding-top: 80px;\r\n }\r\n\r\n}\r\n\r\n// * Запретить скролл под модальнім окном\r\nbody.modal-open {\r\n @media screen and (max-width: 767px) {\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n\r\n/* скрыть заголовки и части текста */\r\n.visually-hidden {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n border: 0;\r\n padding: 0;\r\n clip: rect(0 0 0 0);\r\n overflow: hidden;\r\n}\r\n\r\n// section {\r\n// outline: 2px solid red;\r\n// }\r\n\r\n/* Создание контейнера ----------- */\r\n\r\n.container {\r\n // width: 1230px;\r\n padding-left: 15px;\r\n padding-right: 15px;\r\n margin: 0 auto;\r\n\r\n @media screen and (min-width: 480px) {\r\n width: 480px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n width: 768px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n width: 1200px;\r\n }\r\n}\r\n\r\n// .flex-container {\r\n// display: flex;\r\n// justify-content: space-between;\r\n// }\r\n\r\n.center {\r\n text-align: center;\r\n}\r\n\r\n.hero {\r\n padding-top: 200px;\r\n padding-bottom: 200px;\r\n @media screen and (max-width: 1199px) {\r\n padding-top: 116px;\r\n padding-bottom: 116px;\r\n }\r\n}\r\n\r\n.features,\r\n.team,\r\n.clients {\r\n padding-top: 94px;\r\n padding-bottom: 94px;\r\n\r\n @media screen and (max-width: 1199px) {\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n }\r\n}\r\n\r\n// .clients {\r\n// width: 480px;\r\n// }\r\n\r\n.work {\r\n padding-bottom: 94px;\r\n}\r\n\r\n.footer {\r\n padding-top: 60px;\r\n padding-bottom: 60px;\r\n}\r\n\r\n/* Личный нормализатор -------------- */\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-top: 0;\r\n padding: 0;\r\n /* padding: 0;\r\n margin: 0; */\r\n color: var(--title-color);\r\n}\r\n\r\np {\r\n margin-top: 0;\r\n /* padding: 0;\r\n margin: 0; */\r\n}\r\n\r\n/* чтоб можно было задать геометрию -------- */\r\n\r\na {\r\n display: block;\r\n text-decoration: none;\r\n font-style: normal;\r\n}\r\n\r\nul {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n}\r\n\r\n/* Зброс зазора */\r\nimg {\r\n display: block;\r\n max-width: 100%;\r\n height: auto;\r\n /* margin: 0px;\r\n padding: 0px; */\r\n}","@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\r\n.footer {\r\n text-align: center;\r\n background-color: $background-color;\r\n}\r\n\r\n.footer-text {\r\n display: block;\r\n margin-bottom: 20px;\r\n margin-top: 60px;\r\n\r\n font-weight: 700;\r\n font-size: 14px;\r\n line-height: 1.14;\r\n letter-spacing: 0.03em;\r\n // text-transform: uppercase;\r\n\r\n color: $white-color;\r\n\r\n @media screen and (min-width: 480px) {\r\n margin-top: 60px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n.address-map {\r\n margin-top: 20px;\r\n}\r\n\r\n.footer-wrap {\r\n display: flex;\r\n @media screen and (min-width: 1200px) {\r\n justify-content: space-between;\r\n }\r\n\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n justify-content: space-around;\r\n }\r\n\r\n @media screen and (max-width: 767px) {\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n.logo {\r\n @media screen and (min-width: 768px) {\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.footer-icons {\r\n margin-left: 70px;\r\n @media screen and (max-width: 767px) {\r\n margin-left: 0;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n.address-map,\r\n.address-link {\r\n margin-bottom: 9px;\r\n display: block;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.71;\r\n letter-spacing: 0.03em;\r\n\r\n color: $white-color;\r\n}\r\n\r\n.no-margin {\r\n margin-bottom: 0;\r\n}\r\n\r\n.address-link {\r\n color: rgba(255, 255, 255, 0.6);\r\n}\r\n\r\n.footer-list-icon a {\r\n display: flex;\r\n padding: 12px;\r\n border: 0;\r\n border-radius: 50%;\r\n /* fill: #afb1b8; */\r\n fill: $white-color;\r\n // margin-bottom: 30px;\r\n cursor: pointer;\r\n background-color: rgba(255, 255, 255, 0.1);\r\n\r\n cursor: pointer;\r\n\r\n transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms,\r\n background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;\r\n}\r\n\r\n.footer-list-icon a:hover {\r\n color: $white-color;\r\n background-color: #2196f3;\r\n}\r\n\r\n.footer-list-icon {\r\n margin-right: 10px;\r\n}\r\n\r\n.footer-list-icon:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.footer-icon {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n.logo-studio-footer {\r\n color: $white-color;\r\n}\r\n\r\n.logo-web {\r\n color: $accent-color;\r\n}","/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n::before,\n::after {\n\tbox-sizing: border-box;\n}\n\nhtml {\n\t/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */\n\tfont-family:\n\t\tsystem-ui,\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n\tline-height: 1.15; /* 1. Correct the line height in all browsers. */\n\t-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */\n\t-moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */\n\ttab-size: 4; /* 3 */\n}\n\n/*\nSections\n========\n*/\n\nbody {\n\tmargin: 0; /* Remove the margin in all browsers. */\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n\theight: 0; /* 1 */\n\tcolor: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n\ttext-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n\tfont-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n\ttext-indent: 0; /* 1 */\n\tborder-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit; /* 1 */\n\tfont-size: 100%; /* 1 */\n\tline-height: 1.15; /* 1 */\n\tmargin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n\ttext-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n\t-webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n::-moz-focus-inner {\n\tborder-style: none;\n\tpadding: 0;\n}\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n:-moz-focusring {\n\toutline: 1px dotted ButtonText;\n}\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n:-moz-ui-invalid {\n\tbox-shadow: none;\n}\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n\tpadding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n\t-webkit-appearance: textfield; /* 1 */\n\toutline-offset: -2px; /* 2 */\n}\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button; /* 1 */\n\tfont: inherit; /* 2 */\n}\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n\tdisplay: list-item;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.5a30c8cc.js b/static/js/main.5a30c8cc.js new file mode 100644 index 0000000..f918b96 --- /dev/null +++ b/static/js/main.5a30c8cc.js @@ -0,0 +1,3 @@ +/*! For license information please see main.5a30c8cc.js.LICENSE.txt */ +!function(){"use strict";var e={463:function(e,t,n){var r=n(791),a=n(296);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n