diff --git a/index.html b/index.html new file mode 100644 index 00000000..cea3c666 --- /dev/null +++ b/index.html @@ -0,0 +1,308 @@ + + + + + + + + + + + + + + + + + nova | Template + + + + + + +
+
+

Features

+
+ +
+ +
+
+
+ +
+
+
+
+

Simple and beautiful

+

Use Nova theme for your next web project. It is completely customizable so you can change + any of the sections to fit your needs. Nova Theme is Free for any kind of use, personal and commercial. Have + fun + and good luck!

+
+
+
+ +
+
+

Choose your pricing plan

+

Pick any of our super affordable pricing plans

+
+ +
+ +
+
+

The team

+
+ +
+ + + + + \ No newline at end of file diff --git a/scss/about.scss b/scss/about.scss new file mode 100644 index 00000000..aace28b1 --- /dev/null +++ b/scss/about.scss @@ -0,0 +1,33 @@ +.about { + display: flex; + height: 800px; + justify-content: space-between; + padding: 3em 5px; + + &__img-container { + background: url(./../images/imac.png) right/contain no-repeat; + flex-basis: 50%; + } + + &__content { + flex-basis: 50%; + margin-top: 2em; + display: flex; + align-items: flex-start; + justify-items: flex-start; + } + + &__content-container { + max-width: 550px; + padding-left: 5em; + } + + &__title { + margin-bottom: 1em; + font-size: 2em; + } + + &__text { + line-height: 2; + } +} \ No newline at end of file diff --git a/scss/banner.scss b/scss/banner.scss new file mode 100644 index 00000000..46f2eb13 --- /dev/null +++ b/scss/banner.scss @@ -0,0 +1,88 @@ +.banner { + background: radial-gradient(rgb(194, 74, 126), rgb(105, 86, 235)); + height: 55vh; + + &__nav { + min-height: 80px; + justify-content: space-between; + align-items: center; + } + + &__list { + display: flex; + align-items: center; + gap: 20px; + } + + &__link { + text-decoration: none; + color: white; + } + + &__link:hover { + color: #0ABCEB; + } + + &__logo { + display: flex; + align-items: center; + } + + &__hero { + align-items: flex-start; + min-height: 550px; + justify-content: space-between; + margin-top: 3em; + } + + &__cta { + color: white; + width: 45%; + margin-top: 4em; + } + + &__heading { + font-weight: 700; + font-size: 2.5em; + margin-bottom: .5em; + max-width: 400px; + } + + &__text { + max-width: 280px; + line-height: 2; + } + + &__download-btn { + width: 220px; + padding: 1em 2em; + color: white; + background-color: #25F18B; + border: none; + outline: none; + border-radius: 10px; + margin: 1.4em 0; + transition: all 250ms ease-in-out; + font-size: 1rem; + } + + &__download-btn:hover, + &__download-btn:focus { + background-color: #40fb9e; + border-radius: 25px; + } + + &__download-btn:focus { + outline: 5px dotted black; + } + + &__img { + aspect-ratio: 4/3; + width: 500px; + box-shadow: 10px 11px 45px -5px rgba(66, 68, 90, 1); + border: 10px solid white; + border-radius: 20px; + transform: rotateZ(-8deg); + background-color: white; + } +} \ No newline at end of file diff --git a/scss/card-section.scss b/scss/card-section.scss new file mode 100644 index 00000000..e5d1b246 --- /dev/null +++ b/scss/card-section.scss @@ -0,0 +1,40 @@ +.card-section { + height: 800px; + + &__heading { + display: flex; + flex-direction: column; + gap: 1em; + align-items: center; + justify-content: center; + height: 25%; + } + + &__title { + font-size: 2em; + } + + &__subtitle { + color: rgb(131, 131, 131); + } + + &__container { + display: flex; + justify-content: center; + align-items: center; + gap: 10px; + height: 75%; + } + + &__card { + display: flex; + flex-direction: column; + text-align: center; + justify-content: flex-start; + align-items: center; + gap: 1em; + min-height: 440px; + min-width: 340px; + padding: 3em 2em; + } +} \ No newline at end of file diff --git a/scss/clients.scss b/scss/clients.scss new file mode 100644 index 00000000..40fc023c --- /dev/null +++ b/scss/clients.scss @@ -0,0 +1,9 @@ +.clients { + height: 5vh; + background-color: rgb(245, 245, 245); + + &__banner { + background: url(./../images/logos.png) center no-repeat; + height: 100%; + } +} \ No newline at end of file diff --git a/scss/features.scss b/scss/features.scss new file mode 100644 index 00000000..ea5c6ef2 --- /dev/null +++ b/scss/features.scss @@ -0,0 +1,58 @@ +.features { + background-color: #000000; + color: white; + height: 40vh; + + &__heading { + display: flex; + justify-content: center; + align-items: flex-end; + height: 25%; + } + + &__title { + font-size: 2em; + text-transform: uppercase; + font-weight: 200; + } + + &__container { + display: flex; + justify-content: center; + height: 75%; + column-gap: 2.5em; + } + + &__card { + max-width: 230px; + min-height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + } + + &__icon-container { + display: flex; + align-items: center; + justify-content: center; + min-height: 80px; + min-width: 80px; + border-radius: 50%; + background-color: white; + margin-bottom: 2em; + box-shadow: 0px 0px 100px -12px rgba(255, 255, 255, 1); + } + + &__name { + margin-bottom: .8em; + font-size: 14px; + font-weight: 500; + } + + &__text { + color: rgba(255, 255, 255, 0.750); + font-size: 14px; + } +} \ No newline at end of file diff --git a/scss/foot.scss b/scss/foot.scss new file mode 100644 index 00000000..ce3b2c2a --- /dev/null +++ b/scss/foot.scss @@ -0,0 +1,22 @@ +.foot { + background-color: #464646; + + &__container { + display: flex; + justify-content: center; + align-items: center; + color: white; + } + + &__content { + display: flex; + align-items: center; + justify-content: center; + gap: .5em; + } + + &__text { + font-size: .8em; + font-weight: 500; + } +} \ No newline at end of file diff --git a/scss/pricing.scss b/scss/pricing.scss new file mode 100644 index 00000000..9b90051d --- /dev/null +++ b/scss/pricing.scss @@ -0,0 +1,54 @@ +.pricing { + margin-bottom: 2em; + background-color: rgb(245, 245, 245); + + &__card:nth-child(2) { + box-shadow: 0px 0px 70px -9px rgba(66, 68, 90, 0.544); + border-radius: 5px; + } + + &__price-container { + display: flex; + flex-direction: column; + gap: .5em; + } + + &__name { + color: rgb(150, 150, 150); + } + + &__amount { + font-size: 2.5em; + font-weight: 700; + } + + &__period { + font-size: .6em; + } + + &__features-list { + line-height: 1.5; + min-height: 150px; + padding: 1em 0; + } + + &__feature { + font-size: .8em; + font-weight: 500; + } + + &__btn { + text-align: center; + padding: 1em 2.5em; + border-radius: .5em; + border: none; + background-color: #0ABCEB; + color: white; + transition: all 250ms ease-in-out; + } + + &__btn:hover { + transform: translateY(-5px); + background-color: #31ccf7; + } +} \ No newline at end of file diff --git a/scss/team.scss b/scss/team.scss new file mode 100644 index 00000000..2cf210a9 --- /dev/null +++ b/scss/team.scss @@ -0,0 +1,44 @@ +.cto { + background-image: url(./../images/cto.png); +} + +.ceo { + background-image: url(./../images/ceo.png); +} + +.cfo { + background-image: url(./../images/cfo.png); +} + +.team { + &__card { + padding: 5px; + } + + &__profile-picture { + min-width: 100px; + min-height: 100px; + background-size: contain; + border-radius: 50%; + } + + &__role { + color: rgb(150, 150, 150); + margin-top: 1.5em; + margin-bottom: .4em; + } + + &__name { + font-weight: 700; + } + + &__description { + font-size: .8em; + color: rgb(150, 150, 150); + } + + &__sm-container { + display: flex; + gap: 1em; + } +} \ No newline at end of file diff --git a/styles/about.css b/styles/about.css new file mode 100644 index 00000000..b1010e0c --- /dev/null +++ b/styles/about.css @@ -0,0 +1,30 @@ +.about { + display: flex; + height: 800px; + justify-content: space-between; + padding: 3em 5px; +} +.about__img-container { + background: url(./../images/imac.png) right/contain no-repeat; + flex-basis: 50%; +} +.about__content { + flex-basis: 50%; + margin-top: 2em; + display: flex; + align-items: flex-start; + justify-items: flex-start; +} +.about__content-container { + max-width: 550px; + padding-left: 5em; +} +.about__title { + margin-bottom: 1em; + font-size: 2em; +} +.about__text { + line-height: 2; +} + +/*# sourceMappingURL=about.css.map */ diff --git a/styles/about.css.map b/styles/about.css.map new file mode 100644 index 00000000..dd7d63ee --- /dev/null +++ b/styles/about.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/about.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE","file":"about.css"} \ No newline at end of file diff --git a/styles/banner.css b/styles/banner.css new file mode 100644 index 00000000..847ede73 --- /dev/null +++ b/styles/banner.css @@ -0,0 +1,76 @@ +.banner { + background: radial-gradient(rgb(194, 74, 126), rgb(105, 86, 235)); + height: 55vh; +} +.banner__nav { + min-height: 80px; + justify-content: space-between; + align-items: center; +} +.banner__list { + display: flex; + align-items: center; + gap: 20px; +} +.banner__link { + text-decoration: none; + color: white; +} +.banner__link:hover { + color: #0ABCEB; +} +.banner__logo { + display: flex; + align-items: center; +} +.banner__hero { + align-items: flex-start; + min-height: 550px; + justify-content: space-between; + margin-top: 3em; +} +.banner__cta { + color: white; + width: 45%; + margin-top: 4em; +} +.banner__heading { + font-weight: 700; + font-size: 2.5em; + margin-bottom: 0.5em; + max-width: 400px; +} +.banner__text { + max-width: 280px; + line-height: 2; +} +.banner__download-btn { + width: 220px; + padding: 1em 2em; + color: white; + background-color: #25F18B; + border: none; + outline: none; + border-radius: 10px; + margin: 1.4em 0; + transition: all 250ms ease-in-out; + font-size: 1rem; +} +.banner__download-btn:hover, .banner__download-btn:focus { + background-color: #40fb9e; + border-radius: 25px; +} +.banner__download-btn:focus { + outline: 5px dotted black; +} +.banner__img { + aspect-ratio: 4/3; + width: 500px; + box-shadow: 10px 11px 45px -5px rgb(66, 68, 90); + border: 10px solid white; + border-radius: 20px; + transform: rotateZ(-8deg); + background-color: white; +} + +/*# sourceMappingURL=banner.css.map */ diff --git a/styles/banner.css.map b/styles/banner.css.map new file mode 100644 index 00000000..6d5ba351 --- /dev/null +++ b/styles/banner.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/banner.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"banner.css"} \ No newline at end of file diff --git a/styles/base.css b/styles/base.css new file mode 100644 index 00000000..415ca5e6 --- /dev/null +++ b/styles/base.css @@ -0,0 +1,36 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); + +* { + font-family: "Montserrat", sans-serif; +} + +html { + scroll-behavior: smooth; +} + +.row { + width: 100%; + min-height: fit-content; +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 5px; + display: flex; +} + +.cell { + min-height: 50px; + margin: 5px; + padding: 5px; +} + +.no-wrap { + white-space: nowrap; + font: inherit; +} + +.uppercase { + text-transform: uppercase; +} \ No newline at end of file diff --git a/styles/card-section.css b/styles/card-section.css new file mode 100644 index 00000000..96cd3165 --- /dev/null +++ b/styles/card-section.css @@ -0,0 +1,37 @@ +.card-section { + height: 800px; +} +.card-section__heading { + display: flex; + flex-direction: column; + gap: 1em; + align-items: center; + justify-content: center; + height: 25%; +} +.card-section__title { + font-size: 2em; +} +.card-section__subtitle { + color: rgb(131, 131, 131); +} +.card-section__container { + display: flex; + justify-content: center; + align-items: center; + gap: 10px; + height: 75%; +} +.card-section__card { + display: flex; + flex-direction: column; + text-align: center; + justify-content: flex-start; + align-items: center; + gap: 1em; + min-height: 440px; + min-width: 340px; + padding: 3em 2em; +} + +/*# sourceMappingURL=card-section.css.map */ diff --git a/styles/card-section.css.map b/styles/card-section.css.map new file mode 100644 index 00000000..f2c3ea9d --- /dev/null +++ b/styles/card-section.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/card-section.scss"],"names":[],"mappings":"AAAA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"card-section.css"} \ No newline at end of file diff --git a/styles/clients.css b/styles/clients.css new file mode 100644 index 00000000..3eb42e96 --- /dev/null +++ b/styles/clients.css @@ -0,0 +1,10 @@ +.clients { + height: 5vh; + background-color: rgb(245, 245, 245); +} +.clients__banner { + background: url(./../images/logos.png) center no-repeat; + height: 100%; +} + +/*# sourceMappingURL=clients.css.map */ diff --git a/styles/clients.css.map b/styles/clients.css.map new file mode 100644 index 00000000..a7d948c6 --- /dev/null +++ b/styles/clients.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/clients.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAEA;EACE;EACA","file":"clients.css"} \ No newline at end of file diff --git a/styles/features.css b/styles/features.css new file mode 100644 index 00000000..56b6a452 --- /dev/null +++ b/styles/features.css @@ -0,0 +1,53 @@ +.features { + background-color: #000000; + color: white; + height: 40vh; +} +.features__heading { + display: flex; + justify-content: center; + align-items: flex-end; + height: 25%; +} +.features__title { + font-size: 2em; + text-transform: uppercase; + font-weight: 200; +} +.features__container { + display: flex; + justify-content: center; + height: 75%; + column-gap: 2.5em; +} +.features__card { + max-width: 230px; + min-height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; +} +.features__icon-container { + display: flex; + align-items: center; + justify-content: center; + min-height: 80px; + min-width: 80px; + border-radius: 50%; + background-color: white; + margin-bottom: 2em; + box-shadow: 0px 0px 100px -12px rgb(255, 255, 255); +} +.features__name { + margin-bottom: 0.8em; + font-size: 14px; + font-weight: 500; +} +.features__text { + color: rgba(255, 255, 255, 0.75); + font-size: 14px; +} + +/*# sourceMappingURL=features.css.map */ diff --git a/styles/features.css.map b/styles/features.css.map new file mode 100644 index 00000000..de4f1d96 --- /dev/null +++ b/styles/features.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/features.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA","file":"features.css"} \ No newline at end of file diff --git a/styles/foot.css b/styles/foot.css new file mode 100644 index 00000000..54b086e9 --- /dev/null +++ b/styles/foot.css @@ -0,0 +1,21 @@ +.foot { + background-color: #464646; +} +.foot__container { + display: flex; + justify-content: center; + align-items: center; + color: white; +} +.foot__content { + display: flex; + align-items: center; + justify-content: center; + gap: 0.5em; +} +.foot__text { + font-size: 0.8em; + font-weight: 500; +} + +/*# sourceMappingURL=foot.css.map */ diff --git a/styles/foot.css.map b/styles/foot.css.map new file mode 100644 index 00000000..b0bd3628 --- /dev/null +++ b/styles/foot.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/foot.scss"],"names":[],"mappings":"AAAA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA","file":"foot.css"} \ No newline at end of file diff --git a/styles/pricing.css b/styles/pricing.css new file mode 100644 index 00000000..d253c201 --- /dev/null +++ b/styles/pricing.css @@ -0,0 +1,47 @@ +.pricing { + margin-bottom: 2em; + background-color: rgb(245, 245, 245); +} +.pricing__card:nth-child(2) { + box-shadow: 0px 0px 70px -9px rgba(66, 68, 90, 0.544); + border-radius: 5px; +} +.pricing__price-container { + display: flex; + flex-direction: column; + gap: 0.5em; +} +.pricing__name { + color: rgb(150, 150, 150); +} +.pricing__amount { + font-size: 2.5em; + font-weight: 700; +} +.pricing__period { + font-size: 0.6em; +} +.pricing__features-list { + line-height: 1.5; + min-height: 150px; + padding: 1em 0; +} +.pricing__feature { + font-size: 0.8em; + font-weight: 500; +} +.pricing__btn { + text-align: center; + padding: 1em 2.5em; + border-radius: 0.5em; + border: none; + background-color: #0ABCEB; + color: white; + transition: all 250ms ease-in-out; +} +.pricing__btn:hover { + transform: translateY(-5px); + background-color: #31ccf7; +} + +/*# sourceMappingURL=pricing.css.map */ diff --git a/styles/pricing.css.map b/styles/pricing.css.map new file mode 100644 index 00000000..bbf77cb8 --- /dev/null +++ b/styles/pricing.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/pricing.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA","file":"pricing.css"} \ No newline at end of file diff --git a/styles/reset.css b/styles/reset.css new file mode 100644 index 00000000..607fff0c --- /dev/null +++ b/styles/reset.css @@ -0,0 +1,299 @@ +html, +body, +body div, +span, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +abbr, +address, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +samp, +small, +strong, +sub, +sup, +var, +b, +i, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +figure, +footer, +header, +menu, +nav, +section, +time, +mark, +audio, +video, +details, +summary { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font-weight: normal; + vertical-align: baseline; + background: transparent; +} + +main, +article, +aside, +figure, +footer, +header, +nav, +section, +details, +summary { + display: block; +} + +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + box-sizing: inherit; +} + +img { + max-width: 100%; +} + +ul { + list-style: none; +} + +/* we'll restore bullets as needed for content */ + +blockquote, +q { + quotes: none; +} + +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; +} + +a { + margin: 0; + padding: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; +} + +del { + text-decoration: line-through; +} + +abbr[title], +dfn[title] { + border-bottom: 1px dotted #000; + cursor: help; +} + +table { + border-collapse: separate; + border-spacing: 0; + text-align: left; +} + +th { + font-weight: bold; + vertical-align: bottom; +} + +td { + font-weight: normal; + vertical-align: top; +} + +td img { + vertical-align: top; +} + +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #999; + margin: 1rem 0; + padding: 0; +} + +input, +select { + vertical-align: middle; +} + +pre { + white-space: pre-line; +} + +input[type="radio"] { + vertical-align: text-bottom; +} + +input[type="checkbox"] { + vertical-align: bottom; +} + +small { + font-size: .8rem; +} + +strong { + font-weight: bold; +} + +sub, +sup { + font-size: .8rem; + line-height: 0; + position: relative; +} + +sup { + top: -0.5rem; +} + +sub { + bottom: -0.25rem; +} + +pre, +code, +kbd, +samp { + font-family: monospace, sans-serif; +} + +label, +input[type=button], +input[type=submit], +input[type=file], +button { + cursor: pointer; +} + +button, +input, +select, +textarea { + margin: 0; +} + +ins { + background-color: var(--highlight-color); + color: #000; + text-decoration: none; +} + +mark { + background-color: var(--highlight-color); + color: #000; + font-style: italic; + font-weight: bold; +} + +blockquote { + padding: 2rem; + border-left: 1px solid #333; +} + +.clearfix:after { + content: ""; + display: table; + clear: both; +} + +/* https://css-tricks.com/snippets/css/clear-fix/ */ + +h1, +h2, +h3, +h4, +h5, +h6 { + text-wrap: balance +} + +p { + text-wrap: pretty; +} + +@media (prefers-reduced-motion: no-preference) { + :has(:target) { + scroll-behavior: smooth; + } +} + +/* ———— END THE GENERIC RESETS ———— */ + +:root { + --font-system: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + /* https://css-tricks.com/snippets/css/system-font-stack */ + --text-color: #333; + --featured-color: #03f; + --featured-color-hover: #69f; + --highlight-color: #fcd700; +} + +body { + font-size: 16px; + font-family: var(--font-system); + color: var(--text-color); +} + +a { + color: var(--featured-color); +} + +a:hover { + color: var(--featured-color-hover); +} \ No newline at end of file diff --git a/styles/team.css b/styles/team.css new file mode 100644 index 00000000..ea83e90d --- /dev/null +++ b/styles/team.css @@ -0,0 +1,39 @@ +.cto { + background-image: url(./../images/cto.png); +} + +.ceo { + background-image: url(./../images/ceo.png); +} + +.cfo { + background-image: url(./../images/cfo.png); +} + +.team__card { + padding: 5px; +} +.team__profile-picture { + min-width: 100px; + min-height: 100px; + background-size: contain; + border-radius: 50%; +} +.team__role { + color: rgb(150, 150, 150); + margin-top: 1.5em; + margin-bottom: 0.4em; +} +.team__name { + font-weight: 700; +} +.team__description { + font-size: 0.8em; + color: rgb(150, 150, 150); +} +.team__sm-container { + display: flex; + gap: 1em; +} + +/*# sourceMappingURL=team.css.map */ diff --git a/styles/team.css.map b/styles/team.css.map new file mode 100644 index 00000000..b927a279 --- /dev/null +++ b/styles/team.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/team.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA","file":"team.css"} \ No newline at end of file