diff --git a/app/index.html b/app/index.html index 756ba03..03c1c09 100644 --- a/app/index.html +++ b/app/index.html @@ -6,6 +6,10 @@ + + + + diff --git a/app/styles/viz_juarez.scss b/app/styles/viz_juarez.scss index bd92810..514bf72 100644 --- a/app/styles/viz_juarez.scss +++ b/app/styles/viz_juarez.scss @@ -1,17 +1,34 @@ -$rojo: #BA0102; +$rojo: #b70102; $separacion: 55px; body { background-color: white; } +h3 { + font-family: 'Oswald',Arial; + font-size: 34px; + text-transform: uppercase; + width: auto; + line-height: 24px; + color: #3c3c3c; + font-weight: bold; +} + h4 { + font-family: 'Oswald',Arial; + color: #3c3c3c; font-weight: bold; + font-size: 19px; text-transform: uppercase; - letter-spacing: -1px; + width: auto; + line-height: 24px; } .codeando { + font-family: 'Titillium Web',Arial; + font-size: 12px; + font-weight: 700; color: $rojo; } @@ -19,11 +36,12 @@ h4 { background-color: #eee; h2 { + font-family: 'Oswald',Arial; + font-size: 19px; text-transform: uppercase; + width: auto; + line-height: 24px; font-weight: bold; - width: 13em; - font-size: 22px; - letter-spacing: -1px; } } @@ -38,7 +56,6 @@ h4 { &:hover { border-color: #eeeeee #eeeeee transparent; - // border-bottom: 0.8px; } } @@ -56,8 +73,8 @@ h4 { } .overview { + font-family: 'Oswald',Arial; margin-bottom: $separacion; - font-weight: bold; font-size: 16px; } @@ -65,6 +82,13 @@ h4 { margin-top: 15px; } +.media-body { + font-family: 'Titillium web',Arial; + font-size: 14px; + color: #626262; + font-weight: 600; + margin-bottom: 20px; +} .density + .container { margin-top: $separacion;