From 3e18b66b1071d2534d03beb5281fe823f3dd3f80 Mon Sep 17 00:00:00 2001 From: Yaroslav0102030405 Date: Wed, 4 Oct 2023 20:40:37 +0300 Subject: [PATCH] Updates --- asset-manifest.json | 14 +++++++------- index.html | 2 +- static/css/home-page.785c8dbd.chunk.css | 2 -- static/css/home-page.785c8dbd.chunk.css.map | 1 - static/css/home-page.edd42d29.chunk.css | 2 ++ static/css/home-page.edd42d29.chunk.css.map | 1 + ...chunk.css => portfolio-page.9746186e.chunk.css} | 4 ++-- static/css/portfolio-page.9746186e.chunk.css.map | 1 + static/css/portfolio-page.9e2537b1.chunk.css.map | 1 - static/js/178.9fc46fef.chunk.js.map | 2 +- static/js/{main.0887d8c9.js => main.0a3e1d6c.js} | 6 +++--- ...js.LICENSE.txt => main.0a3e1d6c.js.LICENSE.txt} | 0 .../{main.0887d8c9.js.map => main.0a3e1d6c.js.map} | 2 +- 13 files changed, 19 insertions(+), 19 deletions(-) delete mode 100644 static/css/home-page.785c8dbd.chunk.css delete mode 100644 static/css/home-page.785c8dbd.chunk.css.map create mode 100644 static/css/home-page.edd42d29.chunk.css create mode 100644 static/css/home-page.edd42d29.chunk.css.map rename static/css/{portfolio-page.9e2537b1.chunk.css => portfolio-page.9746186e.chunk.css} (82%) create mode 100644 static/css/portfolio-page.9746186e.chunk.css.map delete mode 100644 static/css/portfolio-page.9e2537b1.chunk.css.map rename static/js/{main.0887d8c9.js => main.0a3e1d6c.js} (99%) rename static/js/{main.0887d8c9.js.LICENSE.txt => main.0a3e1d6c.js.LICENSE.txt} (100%) rename static/js/{main.0887d8c9.js.map => main.0a3e1d6c.js.map} (99%) diff --git a/asset-manifest.json b/asset-manifest.json index 9c09161..d94dc44 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,10 +1,10 @@ { "files": { "main.css": "/static/css/main.b4abc804.css", - "main.js": "/static/js/main.0887d8c9.js", - "home-page.css": "/static/css/home-page.785c8dbd.chunk.css", + "main.js": "/static/js/main.0a3e1d6c.js", + "home-page.css": "/static/css/home-page.edd42d29.chunk.css", "home-page.js": "/static/js/home-page.fdeb0fe7.chunk.js", - "portfolio-page.css": "/static/css/portfolio-page.9e2537b1.chunk.css", + "portfolio-page.css": "/static/css/portfolio-page.9746186e.chunk.css", "NotFound-page.js": "/static/js/NotFound-page.669a324b.chunk.js", "static/js/971.03e73b8f.chunk.js": "/static/js/971.03e73b8f.chunk.js", "static/js/178.9fc46fef.chunk.js": "/static/js/178.9fc46fef.chunk.js", @@ -61,16 +61,16 @@ "static/media/envelope (hover).svg": "/static/media/envelope (hover).7ea661f9c6285234170d61aa27c65f78.svg", "static/media/menu_40px.svg": "/static/media/menu_40px.beda4571e800efe538acbda394a49591.svg", "main.b4abc804.css.map": "/static/css/main.b4abc804.css.map", - "main.0887d8c9.js.map": "/static/js/main.0887d8c9.js.map", - "home-page.785c8dbd.chunk.css.map": "/static/css/home-page.785c8dbd.chunk.css.map", + "main.0a3e1d6c.js.map": "/static/js/main.0a3e1d6c.js.map", + "home-page.edd42d29.chunk.css.map": "/static/css/home-page.edd42d29.chunk.css.map", "home-page.fdeb0fe7.chunk.js.map": "/static/js/home-page.fdeb0fe7.chunk.js.map", - "portfolio-page.9e2537b1.chunk.css.map": "/static/css/portfolio-page.9e2537b1.chunk.css.map", + "portfolio-page.9746186e.chunk.css.map": "/static/css/portfolio-page.9746186e.chunk.css.map", "NotFound-page.669a324b.chunk.js.map": "/static/js/NotFound-page.669a324b.chunk.js.map", "971.03e73b8f.chunk.js.map": "/static/js/971.03e73b8f.chunk.js.map", "178.9fc46fef.chunk.js.map": "/static/js/178.9fc46fef.chunk.js.map" }, "entrypoints": [ "static/css/main.b4abc804.css", - "static/js/main.0887d8c9.js" + "static/js/main.0a3e1d6c.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index c4f078b..2aeb94d 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/home-page.785c8dbd.chunk.css b/static/css/home-page.785c8dbd.chunk.css deleted file mode 100644 index 46b15df..0000000 --- a/static/css/home-page.785c8dbd.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -.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%}.menu__contacts{margin-top:22px;padding-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.menu__contacts{margin-left:106px}}@media screen and (min-width:1200px){.menu__contacts{align-items:center;display:flex;margin-left:260px}}@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}.menu__item:hover{color:#2196f3;color:aqua}@media screen and (max-width:767px){.contacts__icon{font-size:18px;font-weight:500;letter-spacing:.36px;margin-bottom:16px}}.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){.footer .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}.allportfolio{padding-bottom:94px;padding-top:94px}.allportfolio__list{display:flex;justify-content:center;margin-bottom:50px}.allportfolio__item button{background:#f5f4fa;border:none;border-radius:4px;font-size:16px;font-weight:500;letter-spacing:.48px;line-height:1.62;padding:6px 22px}.allportfolio__item:not(:last-child){margin-right:8px}.allportfolio__item button:hover{background:#2196f3;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.08),0 3px 1px 0 rgba(0,0,0,.1);color:#fff}.allportfolio__item2{display:flex;flex-wrap:wrap}.allportfolio__link{background:#fff;border:1px solid #eee;margin-bottom:30px;margin-right:30px}.allportfolio__link:hover{background:#fff;border:1px solid #eee;box-shadow:1px 4px 6px 0 rgba(0,0,0,.16),0 4px 4px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.12)}.allportfolio__link:nth-child(3n){margin-right:0}.allportfolio__link:nth-child(n+7),.allportfolio__link:nth-child(n+9){margin-bottom:0}.allportfolio__link h2{color:#212121;font-size:18px;font-weight:700;letter-spacing:1.08px;line-height:2;margin:20px 24px 0}.allportfolio__link p{color:#757575;font-size:16px;font-weight:400;letter-spacing:.48px;line-height:1.87;margin:20px 24px}@media screen and (max-width:767px){.allportfolio__link{margin:0}.allportfolio__list{display:flex;flex-wrap:wrap;justify-content:flex-start}.allportfolio__item{margin-bottom:15px}.allportfolio__item:nth-child(n+4){margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.allportfolio__link{margin-right:30px}.allportfolio__link:nth-child(1n){margin-right:0}}.overlay{background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto}@media screen and (max-width:767px){.overlay{background-image:url(/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(/static/media/bh-img-480-2x.b947df708a2bb4b92ef3.jpg)}}@media screen and (min-width:768px)and (max-width:1199px){.overlay{background-image:url(/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(/static/media/bg-img-768-2x.95bf250eb4ec84767ac5.jpg)}}@media screen and (min-width:1200px){.overlay{background-image:url(/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(/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{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;font-size:60%;padding:4px;position:absolute;right:8px;top:8px}.form__icon:focus,.form__icon:hover{color:#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;display:block;font-size:16px;height:40px;margin-bottom:28px;padding-left:12px;width:100%}.form__input:focus,.form__input:hover,textarea:focus,textarea:hover{border:1px solid #2196f3}.form textarea{cursor:pointer;font-size:40%;height:120px;margin-bottom:20px;padding:12px 15px;resize:none;width:100%;width:448px}@media screen and (max-width:1199px){.form 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(/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(/static/media/antenna-1.ef90e165ba08205e03e0.svg)}.features-item:nth-child(2):before{background-image:url(/static/media/clock-2.7a71859d2e47e19124e6.svg)}.features-item:nth-child(3):before{background-image:url(/static/media/diagram-3.647409d11f1baaa42689.svg)}.features-item:nth-child(4):before{background-image:url(/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}}body{background-color:var(--white-color);color:var(--text-color);font-family:Roboto,sans-serif;margin:0;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%}.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} -/*# sourceMappingURL=home-page.785c8dbd.chunk.css.map*/ \ No newline at end of file diff --git a/static/css/home-page.785c8dbd.chunk.css.map b/static/css/home-page.785c8dbd.chunk.css.map deleted file mode 100644 index d913822..0000000 --- a/static/css/home-page.785c8dbd.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/home-page.785c8dbd.chunk.css","mappings":"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","sources":["components/Header/Header.scss","BaseScss/variables.scss","components/Dropdown/Dropdown.scss","components/Footer/Footer.scss","components/PagePortfolio/AllPortfolio/AllPortfolio.scss","components/Hero/Hero.scss","components/Modal/Modal.scss","components/Features/Features.scss","components/Work/Work.scss","components/Team/Team.scss","BaseScss/base.scss","components/Clients/Clients.scss"],"sourcesContent":["@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 \r\n margin-left: 106px;\r\n // margin-left: auto;\r\n \r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n align-items: center;\r\n margin-left: 260px;\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\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 // transform: translateX(-100%);\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 \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.menu__item:hover {\r\n color: $accent-color;\r\n color: aqua;\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","@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.footer .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}","@import './../../../BaseScss/base.scss';\r\n@import './../../../BaseScss/variables.scss';\r\n\r\n.allportfolio {\r\n padding-top: 94px;\r\n padding-bottom: 94px;\r\n}\r\n\r\n.allportfolio__list {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.allportfolio__item button {\r\n border: none;\r\n // column-gap: 8px;\r\n padding: 6px 22px;\r\n\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 1.62; /* 162.5% */\r\n letter-spacing: 0.48px;\r\n\r\n border-radius: 4px;\r\n background: #f5f4fa;\r\n}\r\n\r\n.allportfolio__item:not(:last-child) {\r\n margin-right: 8px;\r\n}\r\n\r\n.allportfolio__item button:hover {\r\n border-radius: 4px;\r\n color: $white-color;\r\n background: $accent-color;\r\n /* shadow-middle */\r\n box-shadow:\r\n 0px 2px 2px 0px rgba(0, 0, 0, 0.12),\r\n 0px 1px 2px 0px rgba(0, 0, 0, 0.08),\r\n 0px 3px 1px 0px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.allportfolio__item2 {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.allportfolio__link {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n border: 1px solid #eee;\r\n background: #fff;\r\n}\r\n\r\n.allportfolio__link:hover {\r\n border: 1px solid #eee;\r\n background: #fff;\r\n box-shadow:\r\n 1px 4px 6px 0px rgba(0, 0, 0, 0.16),\r\n 0px 4px 4px 0px rgba(0, 0, 0, 0.06),\r\n 0px 1px 1px 0px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.allportfolio__link:nth-child(3n) {\r\n margin-right: 0;\r\n}\r\n\r\n.allportfolio__link:nth-child(n + 7) {\r\n margin-bottom: 0;\r\n}\r\n\r\n// Tablet version\r\n.allportfolio__link:nth-child(1n) {\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.allportfolio__link:nth-child(n + 9) {\r\n margin-bottom: 0;\r\n }\r\n\r\n.allportfolio__link h2 {\r\n margin: 20px 24px 0;\r\n\r\n color: #212121;\r\n\r\n font-size: 18px;\r\n\r\n font-weight: 700;\r\n line-height: 2; /* 200% */\r\n letter-spacing: 1.08px;\r\n}\r\n\r\n.allportfolio__link p {\r\n margin: 20px 24px;\r\n color: #757575;\r\n font-size: 16px;\r\n\r\n font-weight: 400;\r\n line-height: 1.87; /* 187.5% */\r\n letter-spacing: 0.48px;\r\n}\r\n\r\n// .allportfolio__link a {\r\n// text-decoration: none;\r\n// }\r\n\r\n.allportfolio__link {\r\n @media screen and (max-width: 767px) {\r\n margin: 0;\r\n }\r\n}\r\n\r\n.allportfolio__list {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n }\r\n}\r\n\r\n.allportfolio__item {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 15px;\r\n }\r\n}\r\n\r\n.allportfolio__item:nth-child(n + 4) {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n// Tablet version\r\n.allportfolio__link {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 30px;\r\n }\r\n}\r\n\r\n.allportfolio__link:nth-child(1n) {\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","@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:\r\n 0px 1px 3px rgba(0, 0, 0, 0.12),\r\n 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 // width: 18px;\r\n // height: 18px;\r\n font-size: 60%;\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 color: $accent-color ;\r\n \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// input {\r\n// margin-top: 0;\r\n// }\r\n\r\n.form__input {\r\n display: block;\r\n margin-bottom: 28px;\r\n padding-left: 12px;\r\n width: 100%;\r\n // font-size: 26px;\r\n font-size: 16px;\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// button, input, optgroup, select, textarea {\r\n// font-size: 50%;\r\n// }\r\n\r\n.form textarea {\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 font-size: 40%;\r\n\r\n // @media screen and (max-width: 767px) {\r\n // font-size: 16px;\r\n // }\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}\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}","/* Базовые настройки ------------ */\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.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}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/home-page.edd42d29.chunk.css b/static/css/home-page.edd42d29.chunk.css new file mode 100644 index 0000000..e70a844 --- /dev/null +++ b/static/css/home-page.edd42d29.chunk.css @@ -0,0 +1,2 @@ +.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%}.menu__contacts{margin-top:22px;padding-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.menu__contacts{margin-left:106px}}@media screen and (min-width:1200px){.menu__contacts{align-items:center;display:flex;margin-left:260px}}@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}.menu__item:hover{color:#2196f3;color:aqua}@media screen and (max-width:767px){.contacts__icon{font-size:18px;font-weight:500;letter-spacing:.36px;margin-bottom:16px}}.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){.footer .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}.allportfolio{padding-bottom:94px;padding-top:94px}.allportfolio__list{display:flex;justify-content:center;margin-bottom:50px}.allportfolio__item button{background:#f5f4fa;border:none;border-radius:4px;font-size:16px;font-weight:500;letter-spacing:.48px;line-height:1.62;padding:6px 22px}.allportfolio__item:not(:last-child){margin-right:8px}.allportfolio__item button:hover{background:#2196f3;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.08),0 3px 1px 0 rgba(0,0,0,.1);color:#fff}.allportfolio__item2{display:flex;flex-wrap:wrap}.allportfolio__link{background:#fff;border:1px solid #eee;margin-bottom:30px;margin-right:30px}.allportfolio__link:hover{background:#fff;border:1px solid #eee;box-shadow:1px 4px 6px 0 rgba(0,0,0,.16),0 4px 4px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.12)}@media screen and (min-width:1200px){.allportfolio__link:nth-child(3n){margin-right:0}.allportfolio__link:nth-child(n+7){margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.allportfolio__link:nth-child(n+9){margin-bottom:0}}.allportfolio__link h2{color:#212121;font-size:18px;font-weight:700;letter-spacing:1.08px;line-height:2;margin:20px 24px 0}.allportfolio__link p{color:#757575;font-size:16px;font-weight:400;letter-spacing:.48px;line-height:1.87;margin:20px 24px}@media screen and (max-width:767px){.allportfolio__link{margin:0}.allportfolio__list{display:flex;flex-wrap:wrap;justify-content:flex-start}.allportfolio__item{margin-bottom:15px}.allportfolio__item:nth-child(n+4){margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.allportfolio__link:nth-child(2n){margin-right:0}img{height:294px;width:352px}}.overlay{background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto}@media screen and (max-width:767px){.overlay{background-image:url(/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(/static/media/bh-img-480-2x.b947df708a2bb4b92ef3.jpg)}}@media screen and (min-width:768px)and (max-width:1199px){.overlay{background-image:url(/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(/static/media/bg-img-768-2x.95bf250eb4ec84767ac5.jpg)}}@media screen and (min-width:1200px){.overlay{background-image:url(/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(/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{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;font-size:60%;padding:4px;position:absolute;right:8px;top:8px}.form__icon:focus,.form__icon:hover{color:#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;display:block;font-size:16px;height:40px;margin-bottom:28px;padding-left:12px;width:100%}.form__input:focus,.form__input:hover,textarea:focus,textarea:hover{border:1px solid #2196f3}.form textarea{cursor:pointer;font-size:40%;height:120px;margin-bottom:20px;padding:12px 15px;resize:none;width:100%;width:448px}@media screen and (max-width:1199px){.form 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(/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(/static/media/antenna-1.ef90e165ba08205e03e0.svg)}.features-item:nth-child(2):before{background-image:url(/static/media/clock-2.7a71859d2e47e19124e6.svg)}.features-item:nth-child(3):before{background-image:url(/static/media/diagram-3.647409d11f1baaa42689.svg)}.features-item:nth-child(4):before{background-image:url(/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}}body{background-color:var(--white-color);color:var(--text-color);font-family:Roboto,sans-serif;margin:0;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%}.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} +/*# sourceMappingURL=home-page.edd42d29.chunk.css.map*/ \ No newline at end of file diff --git a/static/css/home-page.edd42d29.chunk.css.map b/static/css/home-page.edd42d29.chunk.css.map new file mode 100644 index 0000000..d955407 --- /dev/null +++ b/static/css/home-page.edd42d29.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/home-page.edd42d29.chunk.css","mappings":"AAIA,QAOE,yBADA,gCAFA,OAFA,kBACA,MAEA,WAGA,YAEA,oCAVF,QAYI,oBADA,gBACA,EAiBF,0DADF,aAGI,mBADA,YACA,EAGF,qCANF,aAQI,mBADA,YACA,EAKF,oCADF,cAII,mBAFA,aACA,6BACA,EAGF,oCAPF,cAQI,cAGF,qCAXF,cAYI,mBAIJ,MACE,qBACA,oBACA,gBACA,iBACA,qBACA,WAEA,oCARF,MASI,oBACA,mBAGF,qCAbF,MAcI,eACA,sBAGF,qCAlBF,MAmBI,eACA,sBAYJ,aACE,kBAGF,QACE,iBAGF,aAOE,6BADA,YAJA,oBAEA,SACA,SAEA,CAEA,oCATF,aAUI,cAIJ,0BACE,aAGF,mCACE,cAGF,kCACE,aAIA,oCADF,cAQI,qBCnIU,CDiJV,gBACA,+FAZA,eANA,OAQA,UAOA,kBAjBA,kBAOA,kBANA,SAYA,gEACA,uCAHA,kBARA,UAkBE,EAMN,uBAEE,UAGA,wDAFA,kBAEA,CAGF,WACE,aCnKa,CDsKf,cACE,UCrKY,CDwKd,qBACE,UC1KY,CD6Kd,YASE,yBAHA,eADA,gBAGA,qBADA,iBAJA,oBADA,iBADA,kBAUA,mDAEA,oCAbF,YAgBI,eACA,qBAFA,iBADA,aAGA,EAGF,oCApBF,YAqBI,sBAIJ,MACE,aACA,oCAFF,MAII,mBACA,sBAFA,sBAEA,EAGF,0DARF,MAUI,mBADA,sBACA,EAGF,qCAbF,MAcI,cAIJ,YACE,mBACA,oBAEA,oCAJF,YAMI,mBADA,eACA,EAGF,oCATF,YAUI,gBAKA,kBAJA,kBAQJ,uBACE,eAEA,oCAHF,uBAII,kBAQJ,wDAEE,aC1Pa,CD6Pf,YACE,kBAGF,eASE,yBAEA,kBAHA,SAJA,WAHA,cAKA,WACA,OALA,kBAGA,UAMA,CAEA,oCAbF,eAeI,kBACA,oBAFA,UAEA,CAIJ,gBASI,gBACA,iBAdA,CAiBF,0DAbF,gBAeI,mBAKF,qCApBF,gBAsBI,mBADA,aAEA,mBAMF,oCAFF,gBAGI,eACA,kBAGF,qCAPF,gBAQI,aACA,mBAIJ,2BACE,eAIA,oCADF,2BAEI,iBAKF,0DADF,2BAEI,iBAIJ,wBASE,oBAOF,uCAdE,mBADA,qBAIA,YAFA,kBACA,UAqBA,CATF,eASE,sBAGF,gBAKE,aAHA,mBAEA,cAEA,eALA,qBAOA,yFACE,CAIJ,4CAEE,aACA,aCzXa,CD4Xf,gBAQE,cAJA,eADA,gBAGA,qBADA,gBCnYW,CDwYX,oCAVF,gBAWI,eACA,qBEtYJ,QAEI,kBFoYA,CE5XF,0DAJF,cAOI,mBAFA,YAEA,EAEF,qCATF,cAWI,mBADA,YACA,EAKF,oCADF,UAEI,aACA,iBAIJ,gBAYI,qBDzCU,CC0CV,cAJA,YAOA,cANA,aAQA,oBAfA,eAIA,QAIA,kBALA,MAEA,UAUA,CAtBA,CA4BJ,kBAEE,aACG,oCAHL,kBAKE,6BADA,WACA,EACA,yDANF,kBAUI,6BADA,YADA,cAGA,YAMJ,eAEE,mBADA,gBACA,CAIF,kBAGE,eACA,gBACA,qBAJA,kBAIA,CAGF,kBACE,aDtFa,CCuFb,WAKE,oCADJ,gBAIE,eACA,gBACA,qBAJM,kBAIN,EChGF,QAEE,yBADA,iBACA,CAGF,aAWE,WAVA,cAKA,eADA,gBAGA,qBADA,iBALA,mBACA,eFRY,CEkBZ,oCAbF,aAcI,iBAGF,oCAjBF,aAkBI,cAIJ,aACE,gBAGF,aACE,aACA,qCAFF,aAGI,+BAGF,0DANF,aAOE,8BAGA,oCAVF,aAYI,sBADA,sBACA,EAKF,oCADF,cAEI,eAIJ,cACE,iBACA,oCAFF,cAGI,eAGF,oCANF,cAOI,eAIJ,2BASE,WANA,cAEA,eADA,gBAGA,qBADA,iBAJA,iBFlEY,CE4Ed,WACE,gBAGF,cACE,yBAGF,oBAME,SF1FY,CE6FZ,oCANA,SACA,kBAOA,eAVA,aACA,aAWA,qGAIF,0BAEE,yBADA,UACA,CAGF,kBACE,kBAGF,6BACE,eAGF,aAEE,YADA,UACA,CAGF,oBACE,UFxHY,CE2Hd,UACE,aF7Ha,CGCf,cAEE,oBADA,gBACA,CAGF,oBACE,aACA,uBACA,mBAGF,2BAWE,mBAVA,YASA,kBALA,eACA,gBAEA,qBADA,iBAJA,gBAQA,CAGF,qCACE,iBAGF,iCAGE,kBHjCa,CG+Bb,kBAIA,8FAHA,UAIE,CAKJ,qBACE,aACA,eAGF,oBAKE,gBADA,sBAFA,mBADA,iBAIA,CAGF,0BAEE,gBADA,sBAEA,gGACE,CAMF,qCADF,kCAEI,eAIJ,mCAEI,gBANA,CAWD,0DADH,mCAEA,iBAKA,uBAGE,cAEA,eAEA,gBAEA,sBADA,cAPA,kBAQA,CAGF,sBAEE,cACA,eAEA,gBAEA,qBADA,iBALA,gBAMA,CAQA,oCADF,oBAEI,SAIJ,oBAEI,aACA,eACA,2BAIJ,oBAEI,mBAIJ,mCAEI,gBApBA,CAyBF,0DADF,kCAEI,eAIJ,IAGI,aADA,WACA,CAPA,CCvIJ,SAGE,wBADA,4BAEA,sBAHA,aAGA,CAEA,oCANF,SASI,uEAEA,CAHA,iBADA,eAIA,sPAGE,mFAIJ,4DAEE,gFAEA,CAFA,eAEA,8UAGE,mFAMF,gDAEA,yEAFA,YAEA,0PASF,oFAIA,0CAKA,CAKA,oBACA,oBALA,cACA,CADA,gBACA,gBAYA,CARA,aAIA,WAIA,sBAJA,cAHA,SAOA,qCAhBF,aAiBI,cACA,4DAKF,aAvBF,cAwBI,CAEA,qBACA,CAFA,gBACA,CAHF,eAIE,uCAOJ,aAGE,kBACA,CAFA,cACA,CAGA,qBAEA,CAJA,gBAEA,CALA,SAOA,OAUA,mBAEA,YAFA,iBAEA,CAFA,WAEA,cAEE,CAdF,aACA,CAMA,cACA,CAFA,gBAIA,qBAFA,gBAEA,CATA,kBAIA,kBACA,CAQE,6DAOA,uBJhHU,2FKAd,UAME,gCADA,YAFA,OASA,kBAXA,eACA,MAOA,yBADA,4BAEA,mDANA,WASA,YAcF,MASE,eLpCY,CKyCZ,kBAJA,uFACE,CAVF,cAIA,SAUA,gBAPA,aALA,kBACA,QAEA,sEAUA,wFACA,6MAVA,UAUA,CAEA,yDAnBF,MAqBI,gBADA,eACA,EAEF,0DAvBF,MAwBI,iBAIF,qCA5BF,MA8BI,YADA,eACA,EAIJ,YAcE,gCACA,kBAHA,ULxEY,CK4EZ,eAfA,qBASA,cALA,YAHA,kBAEA,UADA,OAaA,CAGF,oCAGE,aLpFa,CKwFf,aASE,cAJA,eADA,gBAGA,qBADA,iBAJA,mBADA,iBAQA,CAEA,qCAXF,aAYI,eAEA,oBADA,eACA,EAOJ,aAQE,eAPA,cAKA,eACA,YALA,mBACA,kBACA,UAIA,CAGF,oEAIE,yBAOF,eAKE,eAGA,cADA,aALA,mBADA,kBAEA,YACA,WAEA,WAEA,CAMA,qCAdF,eAgBI,aADA,UACA,EAIJ,gBAGE,wBAEA,gBAJA,qBAKA,kBAGF,kBAME,eLrKY,CKsKZ,sBACA,kBALA,iBAFA,kBAQA,sBAGF,2CAVE,qBAGA,YADA,UAuBF,CAfA,yBAUE,yEACA,4BACA,wBAGF,CATE,WAHA,SAFA,kBACA,QAEA,uFAWF,kDACE,uFAGF,yBAQE,cAJA,cACA,CAFA,eACA,CACA,oBAGA,CAHA,gBAGA,sCARF,wBAUI,mCAKF,cAIF,aACE,CAJA,eAIA,CACA,MAIF,kBACE,CALA,mCAKA,YACA,eACA,mBAGF,kBACE,uCC9NF,eACE,aACA,qCAFF,eAGI,wBAGF,0DANF,eAOI,gBAGF,oCAVF,eAWI,uBAKF,qCADF,0BAEI,mBAIJ,sBAKE,mBAGA,wBADA,4BADA,kBAJA,WADA,cAEA,aACA,mBAKA,8CAEA,iOAEA,oCAbF,sBAeI,aADA,eACA,EAGF,0DAlBF,sBAoBI,aADA,eACA,EAGF,qCAvBF,sBAyBI,aADA,eACA,EAIJ,4BACE,kDAGF,kCACE,sEAGF,oCACE,oEAGF,oCACE,sEAIA,4GAOA,iBAWA,wBAEA,CAVA,eACA,iBAEA,CAJA,gBACA,CAMF,wBAIE,gCATA,eAEA,oBAGF,CARE,QAmBE,CAPF,eAMA,uBACE,CALF,eAEA,iBAEA,CALA,SAME,qCAEA,eACA,kBAKF,CACA,oBAEA,CAHA,gBACA,CANE,eAQF,iBAJF,kBAKI,CADF,iBACE,qCAGF,yFAEE,eAKF,yCAMA,6BADF,eALE,CAKF,oCAMA,8BACE,eAIA,qGAMA,8BADF,sDAEI,+CC3IJ,qBAGE,mBAFA,aACA,6BACA,CAIA,qCADF,MAEI,cAIJ,YAQE,yBAJA,eADA,gBAGA,qBADA,iBAJA,kBAOA,CAGF,WACE,qBAEA,kBAEA,sBACE,eAQJ,YACE,8CAEA,iOAEA,kBACE,kDC3CJ,WACE,aACA,uBACA,qCAHF,WAII,wBAGF,0DAPF,WAQI,gBAGF,oCAXF,WAaI,sBADA,sBACA,EAIJ,MAEE,mBADA,iBACA,CAGF,YAQE,yBAJA,eADA,gBAGA,qBADA,iBAJA,kBAOA,CAEA,oCAVF,YAYI,eACA,qBAFA,kBAEA,EAGF,qCAhBF,YAiBI,eACA,uBAIJ,WACE,aACA,qCAFF,WAII,mBADA,sBACA,EAGF,0DAPF,WAQI,wBAGF,oCAXF,WAYI,wBAIJ,WAIE,eRhEY,CQkEZ,0BACA,eALA,mBADA,iBAMA,CAEA,qCATF,WAUI,iBAKF,0DADF,0BAEI,gBAIJ,yBAEI,eANA,CAWF,oCADF,yBAEI,gBAKF,qCADF,sBAEI,gBAKF,oCADF,sBAEI,iBAIJ,kCAIE,0BAFA,uFAEA,CAGF,eAEE,oBADA,gBACA,CAGF,0BAOE,WAJA,eADA,gBAGA,qBADA,gBRvHY,CQ6Hd,WAGE,cADA,gBADA,mBRlIW,CQuIb,kBAKE,aAFA,SACA,kBAGA,eANA,aAKA,mBAJA,aAOA,qGAIF,wBACE,SRlJY,CQmJZ,yBAGF,gBACE,kBAIF,WAEE,YADA,UACA,CAGF,iBACE,aAQF,2BACE,eAIA,qCADF,UAGI,aADA,WACA,ECvKJ,KAIE,oCACA,wBAEA,8BANA,SACA,SAKA,CAcA,oCADF,gBAEI,iBAMJ,iBAOE,mBAFA,SAFA,WACA,YAIA,gBAFA,UALA,kBACA,SAMA,CASF,WAIE,cAFA,kBACA,kBACA,CAEA,oCANF,WAOI,aAGF,oCAVF,WAWI,aAGF,qCAdF,WAeI,cASJ,QACE,kBAGF,MAEE,qBADA,iBACA,CACA,qCAHF,MAKI,qBADA,iBACA,EAIJ,yBAIE,oBADA,gBACA,CAEA,qCANF,yBAQI,oBADA,gBACA,EAQJ,MACE,oBAGF,QAEE,oBADA,gBACA,CAKF,kBAUE,yBAJA,aACA,SAGA,CAGF,EACE,aAOF,EACE,cAEA,kBADA,oBACA,CAGF,GAGE,gBADA,SADA,SAEA,CAIF,IACE,cAEA,YADA,cACA,CC3JF,cACE,aAEA,uBAEA,qBACA,SACA,eAEA,qCATF,cAUI,gBAQJ,eAQE,WAJA,eADA,gBAGA,qBADA,iBAHA,mBADA,iBVlBY,CU2BZ,qCAVF,eAYI,eACA,qBAFA,kBAEA,EAGF,qCAhBF,eAiBI,eACA,uBAIJ,cAGE,YADA,mBADA,iBAEA,CAIA,oCADA,cAEE,uBACA,4BACE,eAEF,mCACC,iBAOH,0DADF,cAEI,6BACA,8BACE,eAEF,mCACE,iBAOJ,qCADF,cAEI,6BACA,yBACE,eAEJ,6BACE,iBAKJ,cASE,aALA,mBAEA,yBACA,kBAGA,eATA,aACA,YACA,uBAEA,kBAOA,mIAKF,wCAEE,YVxGa,CU0Gb,yBADA,aACA","sources":["components/Header/Header.scss","BaseScss/variables.scss","components/Dropdown/Dropdown.scss","components/Footer/Footer.scss","components/PagePortfolio/AllPortfolio/AllPortfolio.scss","components/Hero/Hero.scss","components/Modal/Modal.scss","components/Features/Features.scss","components/Work/Work.scss","components/Team/Team.scss","BaseScss/base.scss","components/Clients/Clients.scss"],"sourcesContent":["@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 \r\n margin-left: 106px;\r\n // margin-left: auto;\r\n \r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: flex;\r\n align-items: center;\r\n margin-left: 260px;\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\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 // transform: translateX(-100%);\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 \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.menu__item:hover {\r\n color: $accent-color;\r\n color: aqua;\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","@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.footer .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}","@import './../../../BaseScss/base.scss';\r\n@import './../../../BaseScss/variables.scss';\r\n\r\n.allportfolio {\r\n padding-top: 94px;\r\n padding-bottom: 94px;\r\n}\r\n\r\n.allportfolio__list {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.allportfolio__item button {\r\n border: none;\r\n // column-gap: 8px;\r\n padding: 6px 22px;\r\n\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 1.62; /* 162.5% */\r\n letter-spacing: 0.48px;\r\n\r\n border-radius: 4px;\r\n background: #f5f4fa;\r\n}\r\n\r\n.allportfolio__item:not(:last-child) {\r\n margin-right: 8px;\r\n}\r\n\r\n.allportfolio__item button:hover {\r\n border-radius: 4px;\r\n color: $white-color;\r\n background: $accent-color;\r\n /* shadow-middle */\r\n box-shadow:\r\n 0px 2px 2px 0px rgba(0, 0, 0, 0.12),\r\n 0px 1px 2px 0px rgba(0, 0, 0, 0.08),\r\n 0px 3px 1px 0px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.allportfolio__item2 {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.allportfolio__link {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n border: 1px solid #eee;\r\n background: #fff;\r\n}\r\n\r\n.allportfolio__link:hover {\r\n border: 1px solid #eee;\r\n background: #fff;\r\n box-shadow:\r\n 1px 4px 6px 0px rgba(0, 0, 0, 0.16),\r\n 0px 4px 4px 0px rgba(0, 0, 0, 0.06),\r\n 0px 1px 1px 0px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.allportfolio__link:nth-child(3n) {\r\n @media screen and (min-width: 1200px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.allportfolio__link:nth-child(n + 7) {\r\n @media screen and (min-width: 1200px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.allportfolio__link:nth-child(n + 9) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\nmargin-bottom: 0;\r\n }\r\n \r\n}\r\n\r\n.allportfolio__link h2 {\r\n margin: 20px 24px 0;\r\n\r\n color: #212121;\r\n\r\n font-size: 18px;\r\n\r\n font-weight: 700;\r\n line-height: 2; /* 200% */\r\n letter-spacing: 1.08px;\r\n}\r\n\r\n.allportfolio__link p {\r\n margin: 20px 24px;\r\n color: #757575;\r\n font-size: 16px;\r\n\r\n font-weight: 400;\r\n line-height: 1.87; /* 187.5% */\r\n letter-spacing: 0.48px;\r\n}\r\n\r\n// .allportfolio__link a {\r\n// text-decoration: none;\r\n// }\r\n\r\n.allportfolio__link {\r\n @media screen and (max-width: 767px) {\r\n margin: 0;\r\n }\r\n}\r\n\r\n.allportfolio__list {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n }\r\n}\r\n\r\n.allportfolio__item {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 15px;\r\n }\r\n}\r\n\r\n.allportfolio__item:nth-child(n + 4) {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.allportfolio__link: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\nimg {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n width: 352px;\r\n height: 294px;\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:\r\n 0px 1px 3px rgba(0, 0, 0, 0.12),\r\n 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 // width: 18px;\r\n // height: 18px;\r\n font-size: 60%;\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 color: $accent-color ;\r\n \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// input {\r\n// margin-top: 0;\r\n// }\r\n\r\n.form__input {\r\n display: block;\r\n margin-bottom: 28px;\r\n padding-left: 12px;\r\n width: 100%;\r\n // font-size: 26px;\r\n font-size: 16px;\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// button, input, optgroup, select, textarea {\r\n// font-size: 50%;\r\n// }\r\n\r\n.form textarea {\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 font-size: 40%;\r\n\r\n // @media screen and (max-width: 767px) {\r\n // font-size: 16px;\r\n // }\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}\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}","/* Базовые настройки ------------ */\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.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}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/portfolio-page.9e2537b1.chunk.css b/static/css/portfolio-page.9746186e.chunk.css similarity index 82% rename from static/css/portfolio-page.9e2537b1.chunk.css rename to static/css/portfolio-page.9746186e.chunk.css index 51c3a2f..15d1cca 100644 --- a/static/css/portfolio-page.9e2537b1.chunk.css +++ b/static/css/portfolio-page.9746186e.chunk.css @@ -1,2 +1,2 @@ -@media screen and (max-width:767px){.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}.menu__item:hover{color:#2196f3;color:aqua}@media screen and (max-width:767px){.contacts__icon{font-size:18px;font-weight:500;letter-spacing:.36px;margin-bottom:16px}}.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){.footer .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}body{background-color:var(--white-color);color:var(--text-color);font-family:Roboto,sans-serif;margin:0;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%}.allportfolio{padding-bottom:94px;padding-top:94px}.allportfolio__list{display:flex;justify-content:center;margin-bottom:50px}.allportfolio__item button{background:#f5f4fa;border:none;border-radius:4px;font-size:16px;font-weight:500;letter-spacing:.48px;line-height:1.62;padding:6px 22px}.allportfolio__item:not(:last-child){margin-right:8px}.allportfolio__item button:hover{background:#2196f3;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.08),0 3px 1px 0 rgba(0,0,0,.1);color:#fff}.allportfolio__item2{display:flex;flex-wrap:wrap}.allportfolio__link{background:#fff;border:1px solid #eee;margin-bottom:30px;margin-right:30px}.allportfolio__link:hover{background:#fff;border:1px solid #eee;box-shadow:1px 4px 6px 0 rgba(0,0,0,.16),0 4px 4px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.12)}.allportfolio__link:nth-child(3n){margin-right:0}.allportfolio__link:nth-child(n+7),.allportfolio__link:nth-child(n+9){margin-bottom:0}.allportfolio__link h2{color:#212121;font-size:18px;font-weight:700;letter-spacing:1.08px;line-height:2;margin:20px 24px 0}.allportfolio__link p{color:#757575;font-size:16px;font-weight:400;letter-spacing:.48px;line-height:1.87;margin:20px 24px}@media screen and (max-width:767px){.allportfolio__link{margin:0}.allportfolio__list{display:flex;flex-wrap:wrap;justify-content:flex-start}.allportfolio__item{margin-bottom:15px}.allportfolio__item:nth-child(n+4){margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.allportfolio__link{margin-right:30px}.allportfolio__link:nth-child(1n){margin-right:0}} -/*# sourceMappingURL=portfolio-page.9e2537b1.chunk.css.map*/ \ No newline at end of file +@media screen and (max-width:767px){.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}.menu__item:hover{color:#2196f3;color:aqua}@media screen and (max-width:767px){.contacts__icon{font-size:18px;font-weight:500;letter-spacing:.36px;margin-bottom:16px}}.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){.footer .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}body{background-color:var(--white-color);color:var(--text-color);font-family:Roboto,sans-serif;margin:0;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%}.allportfolio{padding-bottom:94px;padding-top:94px}.allportfolio__list{display:flex;justify-content:center;margin-bottom:50px}.allportfolio__item button{background:#f5f4fa;border:none;border-radius:4px;font-size:16px;font-weight:500;letter-spacing:.48px;line-height:1.62;padding:6px 22px}.allportfolio__item:not(:last-child){margin-right:8px}.allportfolio__item button:hover{background:#2196f3;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.08),0 3px 1px 0 rgba(0,0,0,.1);color:#fff}.allportfolio__item2{display:flex;flex-wrap:wrap}.allportfolio__link{background:#fff;border:1px solid #eee;margin-bottom:30px;margin-right:30px}.allportfolio__link:hover{background:#fff;border:1px solid #eee;box-shadow:1px 4px 6px 0 rgba(0,0,0,.16),0 4px 4px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.12)}@media screen and (min-width:1200px){.allportfolio__link:nth-child(3n){margin-right:0}.allportfolio__link:nth-child(n+7){margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.allportfolio__link:nth-child(n+9){margin-bottom:0}}.allportfolio__link h2{color:#212121;font-size:18px;font-weight:700;letter-spacing:1.08px;line-height:2;margin:20px 24px 0}.allportfolio__link p{color:#757575;font-size:16px;font-weight:400;letter-spacing:.48px;line-height:1.87;margin:20px 24px}@media screen and (max-width:767px){.allportfolio__link{margin:0}.allportfolio__list{display:flex;flex-wrap:wrap;justify-content:flex-start}.allportfolio__item{margin-bottom:15px}.allportfolio__item:nth-child(n+4){margin-bottom:0}}@media screen and (min-width:768px)and (max-width:1199px){.allportfolio__link:nth-child(2n){margin-right:0}img{height:294px;width:352px}} +/*# sourceMappingURL=portfolio-page.9746186e.chunk.css.map*/ \ No newline at end of file diff --git a/static/css/portfolio-page.9746186e.chunk.css.map b/static/css/portfolio-page.9746186e.chunk.css.map new file mode 100644 index 0000000..3b2cd4f --- /dev/null +++ b/static/css/portfolio-page.9746186e.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/portfolio-page.9746186e.chunk.css","mappings":"AAKE,oCADF,QAEI,mBAQF,0DAJF,cAOI,mBAFA,YAEA,EAEF,qCATF,cAWI,mBADA,YACA,EAKF,oCADF,UAEI,aACA,iBAIJ,gBAYI,qBCzCU,CD0CV,cAJA,YAOA,cANA,aAQA,oBAfA,eAIA,QAIA,kBALA,MAEA,UAUA,CAtBA,CA4BJ,kBAEE,aACG,oCAHL,kBAKE,6BADA,WACA,EACA,yDANF,kBAUI,6BADA,YADA,cAGA,YAMJ,eAEE,mBADA,gBACA,CAIF,kBAGE,eACA,gBACA,qBAJA,kBAIA,CAGF,kBACE,aCtFa,CDuFb,WAKE,oCADJ,gBAIE,eACA,gBACA,qBAJM,kBAIN,EEhGF,QAEE,yBADA,iBACA,CAGF,aAWE,WAVA,cAKA,eADA,gBAGA,qBADA,iBALA,mBACA,eDRY,CCkBZ,oCAbF,aAcI,iBAGF,oCAjBF,aAkBI,cAIJ,aACE,gBAGF,aACE,aACA,qCAFF,aAGI,+BAGF,0DANF,aAOE,8BAGA,oCAVF,aAYI,sBADA,sBACA,EAKF,oCADF,cAEI,eAIJ,cACE,iBACA,oCAFF,cAGI,eAGF,oCANF,cAOI,eAIJ,2BASE,WANA,cAEA,eADA,gBAGA,qBADA,iBAJA,iBDlEY,CC4Ed,WACE,gBAGF,cACE,yBAGF,oBAME,SD1FY,CC6FZ,oCANA,SACA,kBAOA,eAVA,aACA,aAWA,qGAIF,0BAEE,yBADA,UACA,CAGF,kBACE,kBAGF,6BACE,eAGF,aAEE,YADA,UACA,CAGF,oBACE,UDxHY,CC2Hd,UACE,aD7Ha,CEUf,KAIE,oCACA,wBAEA,8BANA,SACA,SAKA,CAcA,oCADF,gBAEI,iBAMJ,iBAOE,mBAFA,SAFA,WACA,YAIA,gBAFA,UALA,kBACA,SAMA,CASF,WAIE,cAFA,kBACA,kBACA,CAEA,oCANF,WAOI,aAGF,oCAVF,WAWI,aAGF,qCAdF,WAeI,cASJ,QACE,kBAGF,MAEE,qBADA,iBACA,CACA,qCAHF,MAKI,qBADA,iBACA,EAIJ,yBAIE,oBADA,gBACA,CAEA,qCANF,yBAQI,oBADA,gBACA,EAQJ,MACE,oBAGF,QAEE,oBADA,gBACA,CAKF,kBAUE,yBAJA,aACA,SAGA,CAGF,EACE,aAOF,EACE,cAEA,kBADA,oBACA,CAGF,GAGE,gBADA,SADA,SAEA,CAIF,IACE,cAEA,YADA,cACA,CC3JF,cAEE,oBADA,gBACA,CAGF,oBACE,aACA,uBACA,mBAGF,2BAWE,mBAVA,YASA,kBALA,eACA,gBAEA,qBADA,iBAJA,gBAQA,CAGF,qCACE,iBAGF,iCAGE,kBHjCa,CG+Bb,kBAIA,8FAHA,UAIE,CAKJ,qBACE,aACA,eAGF,oBAKE,gBADA,sBAFA,mBADA,iBAIA,CAGF,0BAEE,gBADA,sBAEA,gGACE,CAMF,qCADF,kCAEI,eAIJ,mCAEI,gBANA,CAWD,0DADH,mCAEA,iBAKA,uBAGE,cAEA,eAEA,gBAEA,sBADA,cAPA,kBAQA,CAGF,sBAEE,cACA,eAEA,gBAEA,qBADA,iBALA,gBAMA,CAQA,oCADF,oBAEI,SAIJ,oBAEI,aACA,eACA,2BAIJ,oBAEI,mBAIJ,mCAEI,gBApBA,CAyBF,0DADF,kCAEI,eAIJ,IAGI,aADA,WACA,CAPA","sources":["components/Dropdown/Dropdown.scss","BaseScss/variables.scss","components/Footer/Footer.scss","BaseScss/base.scss","components/PagePortfolio/AllPortfolio/AllPortfolio.scss"],"sourcesContent":["@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\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 // transform: translateX(-100%);\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 \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.menu__item:hover {\r\n color: $accent-color;\r\n color: aqua;\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","$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.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.footer .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}","/* Базовые настройки ------------ */\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.allportfolio {\r\n padding-top: 94px;\r\n padding-bottom: 94px;\r\n}\r\n\r\n.allportfolio__list {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.allportfolio__item button {\r\n border: none;\r\n // column-gap: 8px;\r\n padding: 6px 22px;\r\n\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 1.62; /* 162.5% */\r\n letter-spacing: 0.48px;\r\n\r\n border-radius: 4px;\r\n background: #f5f4fa;\r\n}\r\n\r\n.allportfolio__item:not(:last-child) {\r\n margin-right: 8px;\r\n}\r\n\r\n.allportfolio__item button:hover {\r\n border-radius: 4px;\r\n color: $white-color;\r\n background: $accent-color;\r\n /* shadow-middle */\r\n box-shadow:\r\n 0px 2px 2px 0px rgba(0, 0, 0, 0.12),\r\n 0px 1px 2px 0px rgba(0, 0, 0, 0.08),\r\n 0px 3px 1px 0px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.allportfolio__item2 {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.allportfolio__link {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n border: 1px solid #eee;\r\n background: #fff;\r\n}\r\n\r\n.allportfolio__link:hover {\r\n border: 1px solid #eee;\r\n background: #fff;\r\n box-shadow:\r\n 1px 4px 6px 0px rgba(0, 0, 0, 0.16),\r\n 0px 4px 4px 0px rgba(0, 0, 0, 0.06),\r\n 0px 1px 1px 0px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.allportfolio__link:nth-child(3n) {\r\n @media screen and (min-width: 1200px) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.allportfolio__link:nth-child(n + 7) {\r\n @media screen and (min-width: 1200px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.allportfolio__link:nth-child(n + 9) {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\nmargin-bottom: 0;\r\n }\r\n \r\n}\r\n\r\n.allportfolio__link h2 {\r\n margin: 20px 24px 0;\r\n\r\n color: #212121;\r\n\r\n font-size: 18px;\r\n\r\n font-weight: 700;\r\n line-height: 2; /* 200% */\r\n letter-spacing: 1.08px;\r\n}\r\n\r\n.allportfolio__link p {\r\n margin: 20px 24px;\r\n color: #757575;\r\n font-size: 16px;\r\n\r\n font-weight: 400;\r\n line-height: 1.87; /* 187.5% */\r\n letter-spacing: 0.48px;\r\n}\r\n\r\n// .allportfolio__link a {\r\n// text-decoration: none;\r\n// }\r\n\r\n.allportfolio__link {\r\n @media screen and (max-width: 767px) {\r\n margin: 0;\r\n }\r\n}\r\n\r\n.allportfolio__list {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n }\r\n}\r\n\r\n.allportfolio__item {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 15px;\r\n }\r\n}\r\n\r\n.allportfolio__item:nth-child(n + 4) {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.allportfolio__link: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\nimg {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n width: 352px;\r\n height: 294px;\r\n }\r\n}\r\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/portfolio-page.9e2537b1.chunk.css.map b/static/css/portfolio-page.9e2537b1.chunk.css.map deleted file mode 100644 index b501615..0000000 --- a/static/css/portfolio-page.9e2537b1.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/portfolio-page.9e2537b1.chunk.css","mappings":"AAKE,oCADF,QAEI,mBAQF,0DAJF,cAOI,mBAFA,YAEA,EAEF,qCATF,cAWI,mBADA,YACA,EAKF,oCADF,UAEI,aACA,iBAIJ,gBAYI,qBCzCU,CD0CV,cAJA,YAOA,cANA,aAQA,oBAfA,eAIA,QAIA,kBALA,MAEA,UAUA,CAtBA,CA4BJ,kBAEE,aACG,oCAHL,kBAKE,6BADA,WACA,EACA,yDANF,kBAUI,6BADA,YADA,cAGA,YAMJ,eAEE,mBADA,gBACA,CAIF,kBAGE,eACA,gBACA,qBAJA,kBAIA,CAGF,kBACE,aCtFa,CDuFb,WAKE,oCADJ,gBAIE,eACA,gBACA,qBAJM,kBAIN,EEhGF,QAEE,yBADA,iBACA,CAGF,aAWE,WAVA,cAKA,eADA,gBAGA,qBADA,iBALA,mBACA,eDRY,CCkBZ,oCAbF,aAcI,iBAGF,oCAjBF,aAkBI,cAIJ,aACE,gBAGF,aACE,aACA,qCAFF,aAGI,+BAGF,0DANF,aAOE,8BAGA,oCAVF,aAYI,sBADA,sBACA,EAKF,oCADF,cAEI,eAIJ,cACE,iBACA,oCAFF,cAGI,eAGF,oCANF,cAOI,eAIJ,2BASE,WANA,cAEA,eADA,gBAGA,qBADA,iBAJA,iBDlEY,CC4Ed,WACE,gBAGF,cACE,yBAGF,oBAME,SD1FY,CC6FZ,oCANA,SACA,kBAOA,eAVA,aACA,aAWA,qGAIF,0BAEE,yBADA,UACA,CAGF,kBACE,kBAGF,6BACE,eAGF,aAEE,YADA,UACA,CAGF,oBACE,UDxHY,CC2Hd,UACE,aD7Ha,CEUf,KAIE,oCACA,wBAEA,8BANA,SACA,SAKA,CAcA,oCADF,gBAEI,iBAMJ,iBAOE,mBAFA,SAFA,WACA,YAIA,gBAFA,UALA,kBACA,SAMA,CASF,WAIE,cAFA,kBACA,kBACA,CAEA,oCANF,WAOI,aAGF,oCAVF,WAWI,aAGF,qCAdF,WAeI,cASJ,QACE,kBAGF,MAEE,qBADA,iBACA,CACA,qCAHF,MAKI,qBADA,iBACA,EAIJ,yBAIE,oBADA,gBACA,CAEA,qCANF,yBAQI,oBADA,gBACA,EAQJ,MACE,oBAGF,QAEE,oBADA,gBACA,CAKF,kBAUE,yBAJA,aACA,SAGA,CAGF,EACE,aAOF,EACE,cAEA,kBADA,oBACA,CAGF,GAGE,gBADA,SADA,SAEA,CAIF,IACE,cAEA,YADA,cACA,CC3JF,cAEE,oBADA,gBACA,CAGF,oBACE,aACA,uBACA,mBAGF,2BAWE,mBAVA,YASA,kBALA,eACA,gBAEA,qBADA,iBAJA,gBAQA,CAGF,qCACE,iBAGF,iCAGE,kBHjCa,CG+Bb,kBAIA,8FAHA,UAIE,CAKJ,qBACE,aACA,eAGF,oBAKE,gBADA,sBAFA,mBADA,iBAIA,CAGF,0BAEE,gBADA,sBAEA,gGACE,CAKJ,kCACE,eAcF,sEACI,gBAGJ,uBAGE,cAEA,eAEA,gBAEA,sBADA,cAPA,kBAQA,CAGF,sBAEE,cACA,eAEA,gBAEA,qBADA,iBALA,gBAMA,CAQA,oCADF,oBAEI,SAIJ,oBAEI,aACA,eACA,2BAIJ,oBAEI,mBAIJ,mCAEI,gBApBA,CA0BA,0DADJ,oBAEQ,kBAIR,kCAEQ,eANA","sources":["components/Dropdown/Dropdown.scss","BaseScss/variables.scss","components/Footer/Footer.scss","BaseScss/base.scss","components/PagePortfolio/AllPortfolio/AllPortfolio.scss"],"sourcesContent":["@import './../../BaseScss/base.scss';\r\n@import './../../BaseScss/variables.scss';\r\n\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 // transform: translateX(-100%);\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 \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.menu__item:hover {\r\n color: $accent-color;\r\n color: aqua;\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","$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.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.footer .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}","/* Базовые настройки ------------ */\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.allportfolio {\r\n padding-top: 94px;\r\n padding-bottom: 94px;\r\n}\r\n\r\n.allportfolio__list {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.allportfolio__item button {\r\n border: none;\r\n // column-gap: 8px;\r\n padding: 6px 22px;\r\n\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 1.62; /* 162.5% */\r\n letter-spacing: 0.48px;\r\n\r\n border-radius: 4px;\r\n background: #f5f4fa;\r\n}\r\n\r\n.allportfolio__item:not(:last-child) {\r\n margin-right: 8px;\r\n}\r\n\r\n.allportfolio__item button:hover {\r\n border-radius: 4px;\r\n color: $white-color;\r\n background: $accent-color;\r\n /* shadow-middle */\r\n box-shadow:\r\n 0px 2px 2px 0px rgba(0, 0, 0, 0.12),\r\n 0px 1px 2px 0px rgba(0, 0, 0, 0.08),\r\n 0px 3px 1px 0px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.allportfolio__item2 {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.allportfolio__link {\r\n margin-right: 30px;\r\n margin-bottom: 30px;\r\n\r\n border: 1px solid #eee;\r\n background: #fff;\r\n}\r\n\r\n.allportfolio__link:hover {\r\n border: 1px solid #eee;\r\n background: #fff;\r\n box-shadow:\r\n 1px 4px 6px 0px rgba(0, 0, 0, 0.16),\r\n 0px 4px 4px 0px rgba(0, 0, 0, 0.06),\r\n 0px 1px 1px 0px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.allportfolio__link:nth-child(3n) {\r\n margin-right: 0;\r\n}\r\n\r\n.allportfolio__link:nth-child(n + 7) {\r\n margin-bottom: 0;\r\n}\r\n\r\n// Tablet version\r\n.allportfolio__link:nth-child(1n) {\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.allportfolio__link:nth-child(n + 9) {\r\n margin-bottom: 0;\r\n }\r\n\r\n.allportfolio__link h2 {\r\n margin: 20px 24px 0;\r\n\r\n color: #212121;\r\n\r\n font-size: 18px;\r\n\r\n font-weight: 700;\r\n line-height: 2; /* 200% */\r\n letter-spacing: 1.08px;\r\n}\r\n\r\n.allportfolio__link p {\r\n margin: 20px 24px;\r\n color: #757575;\r\n font-size: 16px;\r\n\r\n font-weight: 400;\r\n line-height: 1.87; /* 187.5% */\r\n letter-spacing: 0.48px;\r\n}\r\n\r\n// .allportfolio__link a {\r\n// text-decoration: none;\r\n// }\r\n\r\n.allportfolio__link {\r\n @media screen and (max-width: 767px) {\r\n margin: 0;\r\n }\r\n}\r\n\r\n.allportfolio__list {\r\n @media screen and (max-width: 767px) {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n }\r\n}\r\n\r\n.allportfolio__item {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 15px;\r\n }\r\n}\r\n\r\n.allportfolio__item:nth-child(n + 4) {\r\n @media screen and (max-width: 767px) {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n// Tablet version\r\n.allportfolio__link {\r\n @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n margin-right: 30px;\r\n }\r\n}\r\n\r\n.allportfolio__link:nth-child(1n) {\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"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/178.9fc46fef.chunk.js.map b/static/js/178.9fc46fef.chunk.js.map index d03e753..e05cffe 100644 --- a/static/js/178.9fc46fef.chunk.js.map +++ b/static/js/178.9fc46fef.chunk.js.map @@ -1 +1 @@ -{"version":3,"file":"static/js/178.9fc46fef.chunk.js","mappings":"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","sources":["images/svg1/envelope (hover).svg","images/svg1/facebook 1.svg","images/svg1/instagram 2.svg","images/svg1/linkedin 1.svg","images/svg1/smartphone.svg","images/svg1/twitter 1.svg","images/mobile-menu/close_40px.svg","images/mobile-menu/menu_40px.svg","components/Dropdown/Dropdown.js","components/Footer/Footer.js","components/PagePortfolio/AllPortfolio/AllPortfolio.js","components/PagePortfolio/Portfolio.js"],"sourcesContent":["var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgEnvelopehover(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 16,\n height: 12,\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.5 0h-13C.673 0 0 .673 0 1.5v9c0 .827.673 1.5 1.5 1.5h13c.827 0 1.5-.673 1.5-1.5v-9c0-.827-.673-1.5-1.5-1.5Zm0 1c.068 0 .133.014.192.039L8 6.839l-6.692-5.8A.498.498 0 0 1 1.5 1h13Zm0 10h-13a.5.5 0 0 1-.5-.5V2.095l6.672 5.783a.5.5 0 0 0 .656 0L15 2.095V10.5a.5.5 0 0 1-.5.5Z\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgEnvelopehover);\nexport default __webpack_public_path__ + \"static/media/envelope (hover).7ea661f9c6285234170d61aa27c65f78.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgFacebook1(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20,\n height: 20,\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#a)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.33 3.32h1.827V.14a23.576 23.576 0 0 0-2.66-.14C9.864 0 8.06 1.656 8.06 4.7v2.8H5.156v3.555H8.06V20h3.562v-8.944h2.787l.443-3.555h-3.231V5.05c0-1.027.277-1.73 1.709-1.73Z\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M0 0h20v20H0z\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFacebook1);\nexport default __webpack_public_path__ + \"static/media/facebook 1.cbbb00521a6bbbc473f5841bcb8259c2.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgInstagram2(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20,\n height: 20,\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#a)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.98 5.88c-.046-1.063-.218-1.793-.464-2.426a4.88 4.88 0 0 0-1.157-1.774 4.922 4.922 0 0 0-1.77-1.153C15.952.281 15.226.11 14.163.063 13.093.012 12.753 0 10.037 0 7.322 0 6.982.012 5.915.059 4.853.105 4.122.277 3.49.523A4.88 4.88 0 0 0 1.715 1.68 4.924 4.924 0 0 0 .563 3.45C.316 4.087.145 4.813.098 5.876c-.051 1.07-.063 1.41-.063 4.126 0 2.715.012 3.055.059 4.122.047 1.063.219 1.793.465 2.426a4.932 4.932 0 0 0 1.156 1.774c.5.508 1.106.902 1.77 1.152.637.247 1.364.419 2.426.465 1.067.047 1.407.059 4.122.059 2.716 0 3.056-.012 4.122-.059 1.063-.046 1.793-.218 2.426-.464a5.116 5.116 0 0 0 2.927-2.927c.246-.637.418-1.364.465-2.426.047-1.067.058-1.407.058-4.122s-.004-3.055-.05-4.122Zm-1.8 8.166c-.044.977-.208 1.504-.344 1.856a3.318 3.318 0 0 1-1.9 1.898c-.35.137-.882.301-1.855.344-1.055.047-1.371.059-4.04.059-2.668 0-2.989-.012-4.04-.059-.977-.043-1.504-.207-1.856-.344a3.077 3.077 0 0 1-1.148-.746 3.11 3.11 0 0 1-.747-1.148c-.136-.352-.3-.883-.343-1.856-.047-1.055-.059-1.372-.059-4.04 0-2.669.012-2.99.059-4.04.043-.977.207-1.504.343-1.856A3.04 3.04 0 0 1 3 2.965a3.105 3.105 0 0 1 1.15-.746c.35-.137.882-.3 1.855-.344 1.055-.046 1.372-.058 4.04-.058 2.672 0 2.989.012 4.04.058.977.043 1.504.207 1.856.344.433.16.828.414 1.148.746.332.325.586.715.747 1.15.136.35.3.882.343 1.855.047 1.055.059 1.371.059 4.04 0 2.668-.012 2.98-.059 4.036Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.037 4.864A5.139 5.139 0 0 0 4.9 10.002a5.139 5.139 0 0 0 10.276 0 5.139 5.139 0 0 0-5.138-5.138Zm0 8.47a3.333 3.333 0 1 1 .001-6.666 3.333 3.333 0 0 1 0 6.667ZM16.578 4.661a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0Z\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M0 0h20v20H0z\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgInstagram2);\nexport default __webpack_public_path__ + \"static/media/instagram 2.f934ec83e8c9896883d1a65616c5b313.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgLinkedin1(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20,\n height: 20,\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#a)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.995 20H20v-7.336c0-3.588-.772-6.352-4.967-6.352-2.017 0-3.37 1.106-3.923 2.156h-.058V6.647H7.074v13.352h4.142v-6.611c0-1.741.33-3.425 2.486-3.425 2.124 0 2.156 1.987 2.156 3.536V20h4.137ZM.33 6.647h4.147V20H.33V6.647ZM2.402 0A2.402 2.402 0 0 0 0 2.402c0 1.325 1.076 2.424 2.402 2.424 1.325 0 2.401-1.098 2.401-2.424A2.403 2.403 0 0 0 2.402 0Z\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M0 0h20v20H0z\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLinkedin1);\nexport default __webpack_public_path__ + \"static/media/linkedin 1.e9b1662199ad87faebe0e93bf043007b.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgSmartphone(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 10,\n height: 16,\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.5 0h-7C.673 0 0 .673 0 1.5v13c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-13C10 .673 9.327 0 8.5 0Zm-7 1h7a.5.5 0 0 1 .5.5V12H1V1.5a.5.5 0 0 1 .5-.5Zm7 14h-7a.5.5 0 0 1-.5-.5V13h8v1.5a.5.5 0 0 1-.5.5Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2.354 13.739a.445.445 0 0 1 0 .66.525.525 0 0 1-.708 0 .445.445 0 0 1 0-.66.525.525 0 0 1 .708 0Z\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSmartphone);\nexport default __webpack_public_path__ + \"static/media/smartphone.990c6aaa6fa0a4a5ef1667ccb7ea8f93.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgTwitter1(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20,\n height: 20,\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#a)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20 3.799a8.549 8.549 0 0 1-2.363.647 4.077 4.077 0 0 0 1.804-2.266 8.192 8.192 0 0 1-2.6.992A4.099 4.099 0 0 0 9.75 5.976c0 .325.027.638.095.935-3.409-.166-6.425-1.8-8.451-4.288A4.128 4.128 0 0 0 .83 4.694c0 1.42.732 2.679 1.821 3.407A4.05 4.05 0 0 1 .8 7.597v.045a4.119 4.119 0 0 0 3.285 4.03 4.09 4.09 0 0 1-1.075.134c-.262 0-.527-.015-.776-.07.531 1.624 2.038 2.818 3.831 2.856a8.238 8.238 0 0 1-5.084 1.75A7.67 7.67 0 0 1 0 16.284a11.543 11.543 0 0 0 6.29 1.84c7.545 0 11.67-6.25 11.67-11.668 0-.18-.006-.356-.015-.53A8.179 8.179 0 0 0 20 3.8Z\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"a\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M0 0h20v20H0z\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgTwitter1);\nexport default __webpack_public_path__ + \"static/media/twitter 1.43f66723edbd957037479631171c7258.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgClose40Px(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 40,\n height: 40,\n viewBox: \"0 0 40 40\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"close_40px\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"icon/navigation/close_24px\",\n d: \"M29.6667 12.88L27.7867 11L20.3333 18.4533L12.88 11L11 12.88L18.4533 20.3333L11 27.7867L12.88 29.6667L20.3333 22.2133L27.7867 29.6667L29.6667 27.7867L22.2133 20.3333L29.6667 12.88Z\",\n fill: \"#212121\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgClose40Px);\nexport default __webpack_public_path__ + \"static/media/close_40px.a6538b9e6e7daa352458b8ce46132255.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgMenu40Px(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 40,\n height: 40,\n viewBox: \"0 0 40 40\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"menu_40px\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"icon/navigation/menu_24px\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M8 14.6667V12H32V14.6667H8ZM8 21.3333H32V18.6667H8V21.3333ZM8 28H32V25.3333H8V28Z\",\n fill: \"black\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgMenu40Px);\nexport default __webpack_public_path__ + \"static/media/menu_40px.beda4571e800efe538acbda394a49591.svg\";\nexport { ForwardRef as ReactComponent };","import React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport './Dropdown.scss';\r\n\r\nimport { ReactComponent as MobileClose } from './../../images/mobile-menu/close_40px.svg';\r\nimport { ReactComponent as MobileMenu } from './../../images/mobile-menu/menu_40px.svg';\r\n\r\nimport { ReactComponent as Envelope } from './../../images/svg1/envelope (hover).svg';\r\nimport { ReactComponent as Smartphone } from './../../images/svg1/smartphone.svg';\r\n\r\nclass Dropdown extends Component {\r\n state = {\r\n visible: false,\r\n };\r\n\r\n toggle = () => {\r\n this.setState(prevState => ({\r\n visible: !prevState.visible,\r\n }));\r\n };\r\n\r\n // show = () => {\r\n // this.setState({ visible: true });\r\n // };\r\n\r\n // hide = () => {\r\n // this.setState({ visible: false });\r\n // };\r\n\r\n render() {\r\n return (\r\n
\r\n {/*
*/}\r\n \r\n {this.state.visible ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n {this.state.visible && (\r\n
\r\n \r\n
\r\n )}\r\n {/*
*/}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Dropdown;\r\n","import React from 'react';\r\nimport './Footer.scss';\r\n\r\nimport { ReactComponent as Instagram } from './../../images/svg1/instagram 2.svg';\r\nimport { ReactComponent as Twitter } from './../../images/svg1/twitter 1.svg';\r\nimport { ReactComponent as Facebook } from './../../images/svg1/facebook 1.svg';\r\nimport { ReactComponent as Linkedin } from './../../images/svg1/linkedin 1.svg';\r\n\r\nconst Footer = () => {\r\n return (\r\n <>\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import React from 'react';\r\nimport './AllPortfolio.scss';\r\n\r\nimport Desctop1 from './Portfolio-img/Desctop/Desctop1.jpg';\r\nimport Desctop2 from './Portfolio-img/Desctop/Desctop2.jpg';\r\nimport Desctop3 from './Portfolio-img/Desctop/Desctop3.jpg';\r\nimport Desctop4 from './Portfolio-img/Desctop/Desctop4.jpg';\r\nimport Desctop5 from './Portfolio-img/Desctop/Desctop5.jpg';\r\nimport Desctop6 from './Portfolio-img/Desctop/Desctop6.jpg';\r\nimport Desctop7 from './Portfolio-img/Desctop/Desctop7.jpg';\r\nimport Desctop8 from './Portfolio-img/Desctop/Desctop8.jpg';\r\nimport Desctop9 from './Portfolio-img/Desctop/Desctop9.jpg';\r\n\r\nimport Tablet1 from './Portfolio-img/Tablet/Tablet1.jpg';\r\nimport Tablet2 from './Portfolio-img/Tablet/Tablet2.jpg';\r\nimport Tablet3 from './Portfolio-img/Tablet/Tablet3.jpg';\r\nimport Tablet4 from './Portfolio-img/Tablet/Tablet4.jpg';\r\nimport Tablet5 from './Portfolio-img/Tablet/Tablet5.jpg';\r\nimport Tablet6 from './Portfolio-img/Tablet/Tablet6.jpg';\r\nimport Tablet7 from './Portfolio-img/Tablet/Tablet7.jpg';\r\nimport Tablet8 from './Portfolio-img/Tablet/Tablet8.jpg';\r\nimport Tablet9 from './Portfolio-img/Tablet/Tablet9.jpg';\r\n\r\nimport Mobile1 from './Portfolio-img/Mobile/Mobile1.jpg';\r\nimport Mobile2 from './Portfolio-img/Mobile/Mobile2.jpg';\r\nimport Mobile3 from './Portfolio-img/Mobile/Mobile3.jpg';\r\nimport Mobile4 from './Portfolio-img/Mobile/Mobile4.jpg';\r\nimport Mobile5 from './Portfolio-img/Mobile/Mobile5.jpg';\r\nimport Mobile6 from './Portfolio-img/Mobile/Mobile6.jpg';\r\nimport Mobile7 from './Portfolio-img/Mobile/Mobile7.jpg';\r\nimport Mobile8 from './Portfolio-img/Mobile/Mobile8.jpg';\r\nimport Mobile9 from './Portfolio-img/Mobile/Mobile9.jpg';\r\n\r\nconst AllPortfolio = () => {\r\n return (\r\n <>\r\n
\r\n
\r\n
    \r\n
  • \r\n \r\n
    • \r\n
  • \r\n \r\n
    • \r\n
  • \r\n \r\n
    • \r\n
  • \r\n \r\n
    • \r\n
  • \r\n \r\n
    • \r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AllPortfolio;\r\n","import React from \"react\";\r\nimport { Link } from 'react-router-dom';\r\n// import './../../components/Header/Header.scss';\r\nimport Dropdown from \"../Dropdown/Dropdown\";\r\nimport Footer from \"../Footer/Footer\";\r\n\r\nimport { ReactComponent as Envelope } from './../../images/svg1/envelope (hover).svg';\r\nimport { ReactComponent as Smartphone } from './../../images/svg1/smartphone.svg';\r\nimport AllPortfolio from \"./AllPortfolio/AllPortfolio\";\r\n\r\n\r\nconst Portfolio = () => {\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n {/* {isOpen ? (\r\n \r\n ) : (\r\n \r\n )} */}\r\n
\r\n \r\n Web\r\n Studio\r\n \r\n \r\n\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n