diff options
Diffstat (limited to 'css')
-rw-r--r-- | css/reset.css | 48 | ||||
-rw-r--r-- | css/style.css | 184 |
2 files changed, 0 insertions, 232 deletions
diff --git a/css/reset.css b/css/reset.css deleted file mode 100644 index 6e3c454..0000000 --- a/css/reset.css +++ /dev/null @@ -1,48 +0,0 @@ -/*http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} diff --git a/css/style.css b/css/style.css deleted file mode 100644 index 6cf4e4e..0000000 --- a/css/style.css +++ /dev/null @@ -1,184 +0,0 @@ -* { - box-sizing: border-box; -} - -html { - --white: #fbfbfb; - --black: #0c0c0c; - --gray: #333333; - --ligth-gray: #F0F1F5; - --green: #1A7320; - --font-size-small: 15px; - --font-size-normal: 16px; - --font-size-large: 17px; - --font-size-big-1: 22px; - --font-size-big-2: 24px; - --font-size-big-3: 32px; - --font-size-big-4: 46px; - --font-size-big-5: 52px; -} - -a { - cursor: pointer; -} - -body { - font-family: "Open Sans", sans-serif; - line-height: 1.6; -} - -header { - border-bottom: 1px solid lightgray; -} - -.icon { - width: 40px; -} - -.navbar { - display: flex; - justify-content: space-between; - align-items: center; - max-width: 1200px; - margin: 0 auto; - padding-top: 0.5rem; - color: var(--black); -} - -.nav_logo { - width: 120px; -} - -.nav_links { - display: flex; - list-style: none; -} - -.nav_links li a { - color: var(--gray); - margin: 0 1rem; - text-decoration: none; - font-size: 1rem -} - -.nav_links li a:visited { - color: var(--gray); -} - -.nav_links li a:hover { - text-decoration: underline; -} - -.basic_button { - height: 2rem; - font-family: "Open Sans", sans-serif; - border-radius: 3px; - cursor: pointer; - padding: 0 10px; - margin: 0 .2rem; -} - -.big_button { - height: 3rem; - width: 15rem; - margin-top: 2rem; - border-radius: 2rem; - font-size: var(--font-size-large); - align-self: center; - text-transform: uppercase; -} - -.login { - color: var(--black); - border: 1px solid var(--green); - background-color: #fbfbfb; -} - -.sign_up, .big_button { - border: none; - background-color: var(--green); - color: var(--white); -} - -.basic_button:hover { - text-decoration: underline; -} - -.banner { - margin: 100px 0; - text-align: center; - color: var(--black); -} - -.banner h1 { - font-size: var(--font-size-big-5); -} - -.banner p { - font-size: var(--font-size-big-2); - margin-top: 8px; - margin-bottom: 1px; -} - -.why_papo { - background-color: var(--ligth-gray); - padding-bottom: 1.2rem; -} - -.why_papo-container { - margin-right: auto; - margin-left: auto; - padding-top: 1rem; - padding-bottom: 3rem; - max-width: 1200px; - display: flex; - flex-direction: column; -} - -.why_papo h2 { - font-size: var(--font-size-big-3); -} - -.why_papo h3 { - font-size: var(--font-size-big-1); - margin-top: .5rem; -} - -.why_papo-cards-container { - display: flex; - flex-direction: row; - flex-wrap: wrap; - padding: 1.3rem 0; -} - -.why_papo-card { - margin: 0 1rem; - width: 30%; - padding: 1.5rem; - background-color: var(--white); - border-radius: 15px; - box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; -} - -.features-container { - display: flex; - flex-direction: column; - align-items: center; - max-width: 1200px; - margin: 0 auto; -} - -.features h2 { - font-size: var(--font-size-big-3); - margin-bottom: 0; -} - -.features h3 { - font-size: 20px; - font-weight: 500; - margin-top: .5rem; -} - -footer { - margin-top: 200px; -} |