-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsrc.93f4d44f.css.map
More file actions
1 lines (1 loc) · 9.1 KB
/
src.93f4d44f.css.map
File metadata and controls
1 lines (1 loc) · 9.1 KB
1
{"version":3,"sources":["scss/style.scss","scss/header.scss","scss/_variables.scss","scss/hero.scss","scss/needHelp.scss","scss/services.scss","scss/footer.scss"],"names":[],"mappings":"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","file":"src.93f4d44f.css","sourceRoot":"parcel/src","sourcesContent":["@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700|Montserrat:400,600&display=swap');\n@import url('https://fonts.googleapis.com/css?family=Lexend+Deca&display=swap');\n\n@import 'header';\n@import 'hero';\n@import 'needHelp';\n@import 'services';\n@import 'footer';\n\nbody {\n margin: 0;\n padding: 0;\n font-family: 'Merriweather', serif;\n font-size: 14px;\n}\n\np {\n color: $fontColor;\n font-size: calc(14px + .2vw);\n line-height: calc(20px + .4vw);\n}\n\n.h1, .h2, .h3 {\n color: $headingColor;\n font-weight: 400;\n font-family: 'Lexend Deca', sans-serif; //'Montserrat', sans-serif;\n}\n\n.h1 {\n font-size: calc(20px + 1vw);\n margin: 1.4rem 0 1rem 0;\n}\n\na {\n text-decoration: none;\n color: #000;\n}\n\na.btn {\n cursor: pointer;\n font-size: 20px;\n padding: 0 24px;\n border-radius: 25px;\n line-height: 50px;\n display: inline-block;\n background: $blue;\n color: #fff;\n transition: all .2s ease-in-out;\n transform: scale(1);\n &:hover {\n color: #fff;\n background: darken($blue, 5%);\n transform: scale(1.1);\n \n }\n &--green {\n color: #fff;\n background: $green;\n &:hover {\n background: darken($green, 5%);\n }\n }\n}\n\n.container {\n width: 90vw;\n max-width: 1200px;\n margin: 0 auto;\n}","@import 'variables';\n\n.header {\n background: #fff;\n z-index: 100;\n position: fixed;\n top: 0;\n left: 0;\n width: 90vw;\n height: 60px;\n \n padding: 2rem 5vw;\n display:flex;\n align-items: center;\n h1 {\n text-align: center;\n font-size: calc(16px + .4vw);\n flex: 1;\n margin: 0;\n }\n a {\n width: 60px;\n display: flex;\n img, svg {\n height: 60px;\n width: 60px;\n }\n\n &.menu {\n cursor: pointer;\n //opacity: .2;\n }\n }\n \n\n @keyframes dash {\n 0% {\n stroke-dashoffset: 1000;\n }\n 20% {\n stroke-dashoffset: 0;\n }\n 60% {\n stroke-dashoffset: 0;\n }\n 80% {\n stroke-dashoffset: 1000;\n }\n 100% {\n stroke-dashoffset: 1000;\n }\n }\n\n .line {\n stroke-dasharray: 1000;\n stroke-dashoffset: 1000;\n animation: dash 10s linear forwards infinite;\n }\n\n nav {\n border-radius: 50%;\n width: 240vw;\n height: 240vw;\n background: $darkBlue;\n position: fixed; \n z-index: 100;\n\n top: -240vw;\n right: -240vw;\n transition: top .4s, right .4s;\n\n a.close {\n cursor: pointer;\n display: none;\n transition: opacity 2s ease-in-out;\n opacity: 0;\n position: fixed;\n top: 30px;\n right: 24px;\n }\n\n ul {\n position: fixed;\n top: 80px;\n right: 80px;\n left: 80px;\n margin: 0;\n padding: 0;\n list-style: none;\n li {\n a {\n transition: opacity .4s ease-in-out;\n opacity: 0;\n width: auto;\n text-align: center;\n display: block;\n padding: 24px 0;\n font-size: calc(32px + 2vw);\n color: #fff;\n text-decoration: underline;\n }\n }\n }\n\n &.visible {\n top: -72vw;\n right: -80vw;\n a.close,\n ul li a {\n display: block;\n opacity: 1;\n }\n }\n }\n\n @media screen and (min-width: 360px) {\n nav {\n width: 200vw;\n height: 200vw;\n top: -200vw;\n right: -200vw;\n }\n }\n\n @media screen and (min-width: 768px) {\n height: 80px;\n a {\n width: 84px;\n img, svg {\n height: 84px;\n width: 84px;\n }\n }\n }\n}","$lightGreen: #F6F9F8;\n$red: #F26A5A;\n$yellow: #FFE400;\n$darkBlue: #0C2F46;\n\n$borderColor: #E6F4EF;\n\n$green: #00BE28;\n$blue: #3E98D3;\n\n$headingColor: #333333;\n$fontColor: #404142;","section.hero {\n width: 90%;\n max-width: 980px;\n position: relative;\n text-align: center;\n height: 100vh;\n margin: 0 auto;\n\n padding-top: 20vh;\n\n #eyes {\n transition: transform .6s ease-in-out;\n &.right {\n transform: translateX(2px);\n }\n &.left {\n transform: translateX(-1px);\n }\n }\n\n h1 {\n font-size: 60px;\n margin-bottom: 0;\n }\n p {\n margin-top: .5rem;\n font-size: 16px;\n line-height: 28px;\n max-width: 500px;\n display: inline-block;\n }\n .btn {\n font-size: 24px;\n padding: 0 30px;\n border-radius: 30px;\n line-height: 60px;\n }\n}\n\n@media screen and (min-width: 768px) {\n section.hero {\n padding-top: 0;\n \n text-align: left;\n \n display: flex;\n align-items: center;\n align-content: center;\n \n div {\n flex: 1;\n }\n \n > div:first-child {\n width: 40%;\n text-align: center;\n padding-right: 36px;\n img {\n width: 90%;\n }\n }\n\n h1 {\n margin-left: -7px;\n font-size: calc(90px + 1vw);\n }\n p {\n margin-top: calc(1vw);\n font-size: calc(16px + .4vw);\n line-height: calc(28px + .4vw);\n max-width: none;\n }\n }\n}","@import 'variables';\n\nsection.needHelp {\n background: $blue;\n padding: 3rem 0;\n vertical-align: middle;\n text-align: center;\n line-height: 60px;\n h1 {\n color: #fff;\n display: inline-block;\n margin: 0 1rem 0 0;\n font-size: 24px;\n line-height: 60px;\n }\n a.btn {\n font-size: 24px;\n padding: 0 30px;\n border-radius: 30px;\n line-height: 60px;\n background: #fff;\n color: $headingColor;\n }\n}","@import 'variables';\n\n.services {\n background: #F4F7F9;\n\n > div {\n display: flex;\n flex-wrap: wrap;\n align-items: top;\n justify-content: center;\n padding: 10vh 0;\n }\n \n\n section {\n text-align: center;\n box-sizing: border-box;\n margin-top: 48px;\n \n &:hover {\n img {\n transform: scale(1.2);\n }\n }\n img {\n transition: all .2s ease-in-out;\n transform: scale(1);\n width: 100px;\n height: auto;\n }\n p {\n color: #50758E;\n max-width: 400px;\n }\n \n &:nth-child(odd){\n padding-right: 0;\n }\n &:nth-child(even){\n padding-left: 0;\n }\n }\n\n \n @media screen and (min-width: 768px) {\n flex-direction: row;\n flex-wrap: wrap;\n section {\n text-align: left;\n width: 50%;\n margin-top: 96px;\n\n > div {\n padding: 20vh 0;\n }\n\n &:first-child, &:nth-child(2) {\n margin-top: 0;\n }\n &:nth-child(odd){\n padding-right: 24px;\n }\n &:nth-child(even){\n padding-left: 24px;\n }\n p {\n max-width: none;\n }\n }\n }\n}","@import 'variables';\n\nfooter {\n margin: 0;\n background: #fff;\n display: flex;\n div {\n flex: 1;\n &:nth-child(2){\n text-align: right;\n }\n }\n p {\n color: $headingColor;\n line-height: 120px;\n padding: 0;\n margin: 0;\n }\n}"]}