diff --git a/src/app/app.component.html b/src/app/app.component.html
index a924a1c..ece25fe 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,7 +1,7 @@
-
-
+
diff --git a/src/styles.css b/src/styles.css
index 3a44f8a..0b288c0 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -12,124 +12,30 @@
--portal-dark-color: #E63946;
}
-.top-bar-background {
- background-color: #F9FBFC;
-}
-
main {
- background-color: #F9FBFC;
- color: #333333;
+ background-color: #FAFAFA;
+ color: #1A1A1A;
min-height: calc(100vh - 100px);
font-size: 16px;
- font-family: Roboto, sans-serif;
- line-height: 21px;
- letter-spacing: 0.48px;
+ font-family: "Open Sans", sans-serif;
+ line-height: 30px;
+ letter-spacing: 0.16px;
}
navbar > * {
- background-color: #F9FBFC;
+ background-color: #FAFAFA;
}
-main.full-height {
- min-height: 100vh;
+.uk-text-large {
+ font-size: 18px;
}
-/* Order list */
-ol.light-blue {
- counter-reset: counter;
- list-style: none;
+.uk-text-small {
+ font-size: 14px;
+ line-height: 20px;
+ letter-spacing: 0;
}
-
-ol.light-blue li {
- margin: 0 0 20px 0;
- counter-increment: counter;
- position: relative;
-}
-
-ol.light-blue li::before {
- content: counter(counter);
- color: #4687E6;
- font-size: 27px;
- position: absolute;
- --size: 22px;
- left: calc(-1 * var(--size) - 10px);
- line-height: var(--size);
- width: var(--size);
- height: var(--size);
- top: 0;
- text-align: center;
-}
-
-ol.openaire-list {
- list-style: none;
- counter-reset: counter;
- padding-left: 0;
-}
-
-ol.openaire-list li {
- counter-increment: counter;
-}
-
-ol.openaire-list li::before {
- content: counter(counter) ". ";
- color: #222080;
- font-weight: bold;
-}
-
/* Unordered list*/
-ul.light-blue-circle {
- list-style: none;
-}
-
-ul.light-blue-circle li {
- margin: 0 0 20px 0;
- position: relative;
-}
-
-ul.light-blue-circle.large li {
- margin: 0 0 40px 0;
-}
-
-ul.light-blue-circle li:last-child {
- margin: 0;
-}
-
-ul.light-blue-circle li:before {
- content: "";
- border: 10px #4687E6 solid !important;
- border-radius: 50px;
- line-height: 21px;
- margin-left: -40px;
- position: absolute;
-}
-
-ul.light-blue-triangle {
- list-style: none;
-}
-
-ul.light-blue-triangle li {
- margin: 0 0 20px 0;
- position: relative;
-}
-
-ul.light-blue-triangle.large li {
- margin: 0 0 50px 0;
-}
-
-ul.light-blue-triangle li:last-child {
- margin: 0;
-}
-
-ul.light-blue-triangle li:before {
- content: "";
- border-top: 12px solid transparent;
- border-bottom: 12px solid transparent;
- border-left: 15px solid #4687E6;
- line-height: 21px;
- margin-left: -40px;
- position: absolute;
-}
-
ul.portal-circle {
list-style: none;
padding-left: 40px;
@@ -144,10 +50,10 @@ ul.portal-circle li:before {
content: "";
border: 5px var(--portal-main-color) solid !important;
border-radius: 50px;
- line-height: 21px;
+ line-height: 30px;
margin-left: -20px;
position: absolute;
- top: 4px;
+ top: 10px;
}
contact .uk-text-danger {