diff --git a/static/css/app.css b/static/css/app.css index 51ddca7..73212f7 100644 --- a/static/css/app.css +++ b/static/css/app.css @@ -53,7 +53,7 @@ html, body { body { padding: 0; margin: 0; - color: #000; + color: #181A1B; font-size: 1em; line-height: 1.4; font-family: ClearSans; @@ -64,14 +64,10 @@ body { .container { max-width: 960px; } - - .wide .container { - max-width: 1150px; - } } a { - color: #800; + color: #17191A; text-decoration: underline; } @@ -88,57 +84,15 @@ nav a, text-decoration: none; } -nav { - text-align: center; -} - -nav a { - display: inline-block; -} - nav a.text-dark:hover, nav a.text-dark:focus { - color: #800 !important; + color: #17191A !important; } .avatar { max-width: 250px; } -.team { - display: grid; - grid-template-columns: repeat(1, 1fr); - grid-column-gap: 15px; - grid-row-gap: 15px; - margin-top: 15px; -} - -.alumni { - opacity: 0.6; -} - -.person-avatar { - max-width: 80px; - border-radius: 50%; - margin-right: 15px; - float: left; -} - -.person-name { - display: block; - font-weight: bold; - padding-bottom: 10px; -} - -.person-links { - display: inline-block; - font-size: 1.3rem; -} - -.person-links a:not(:last-child) { - margin-right: 5px; -} - .page { min-height: 100%; margin-bottom: -92px; @@ -154,30 +108,16 @@ nav a.text-dark:focus { font-weight: bold; } -.section { - text-decoration: underline; -} - .services { display: grid; - grid-template-columns: auto; + grid-template-columns: auto auto; grid-column-gap: 40px; grid-row-gap: 40px; } -@media (min-width: 768px) { +@media (max-width: 768px) { .services { - grid-template-columns: repeat(2, 1fr); - } - - .team { - grid-template-columns: repeat(2, 1fr); - } -} - -@media (min-width: 1200px) { - .services { - grid-template-columns: repeat(3, 1fr); + grid-template-columns: auto; } } @@ -187,18 +127,6 @@ nav a.text-dark:focus { padding-right: 10px; } -.tools h5 { - border-bottom: 1px solid gray; -} - -.tool-img { - max-height: 80px; -} - -.tools a.btn { - text-decoration: none; -} - .card-footer { padding: 0 1.25rem 1rem 1.25rem; background-color: transparent; @@ -215,45 +143,7 @@ nav a.text-dark:focus { margin: inherit; } -.beta { - color: gray; -} - -pre, -code { - background-color: #f6f8fa; - line-height: 1.45; - font-size: 0.9rem; - padding: 5px; - color: #e83e8c; -} - -pre > code { - padding: 0; -} - -.extra a { - text-decoration: none; -} - footer { + margin: 10px auto 0; text-align: center; } - -.footer-link { - display: block; - font-size: 1.1rem; - margin-bottom: 8px; -} - -.footer-col { - display: flex; - flex-direction: column; - justify-content: space-around; - align-items: center; -} - -.footer-col a, -.footer-avatar { - max-width: 80px; -}