what-is and tools sections

This commit is contained in:
María
2025-07-30 13:43:34 +02:00
committed by María
parent 5b176816f6
commit 240c4c6a95
26 changed files with 449 additions and 21 deletions

View File

@@ -38,19 +38,20 @@
/* Font sizes */
--text-5.5: 1.375rem; /* 22px */
--text-8: 2rem; /* 32px */
--text-32: 2rem; /* 32px */
--text-40: 2.5rem; /* 40px */
/* Shadow */
--shadow-button: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
--shadow-tool-card: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
/* Spacing */
--spacing-32: 2rem; /* 32px */
--spacing-10.2: 10.25rem; /* 164px */
--spacing-21.8: 21.875rem; /* 350px */
--spacing-25.6: 25.688rem; /* 411px */
--spacing-44.8: 44.813rem; /* 717px */
/* Font sizes */
--text-32: 2rem; /* 32px */
--text-40: 2.5rem; /* 40px */
}
@@ -174,11 +175,6 @@ body footer {
top: 100dvh;
}
body {
margin: 0 var(--layout-padding-x, 2rem);
}
html {
scroll-behavior: smooth;
}
@@ -197,5 +193,30 @@ html {
}
.bg-gradient-conic-hero {
background: conic-gradient(from 185deg at 9.57% 56.1%, var(--Color-base--color-certifica-base, rgba(202, 240, 63, 0.10)) 53.653846979141235deg, var(--Color-base--color-consumo-base, rgba(242, 140, 140, 0.10)) 155.76923489570618deg, var(--Color-base--color-aula-base, rgba(92, 170, 204, 0.10)) 233.65383625030518deg, rgba(57, 182, 137, 0.10) 304.61538791656494deg), var(--Background--bg-light, #F9F4F2);
background: conic-gradient(
from 290deg at 10% 35%,
var(--Color-base--color-certifica-base, rgba(202, 240, 63, 0.10)) 0deg,
var(--Color-base--color-consumo-base, rgba(242, 140, 140, 0.10)) 90deg,
var(--Color-base--color-aula-base, rgba(92, 170, 204, 0.10)) 180deg,
var(--Color-base--color-ods-base, rgba(57, 182, 137, 0.10)) 270deg,
var(--Color-base--color-certifica-base, rgba(202, 240, 63, 0.10)) 360deg
);
background-color: var(--Background--bg-light, #f9f4f2);
background-repeat: no-repeat;
background-size: cover;
}
.bg-gradient-conic-2 {
min-height: 100%;
background: conic-gradient(
from 241deg at 50% -18.57%,
rgba(202, 240, 63, 0.10) 0deg,
rgba(242, 140, 140, 0.10) 90deg,
rgba(92, 170, 204, 0.10) 180deg,
rgba(57, 182, 137, 0.10) 270deg,
rgba(202, 240, 63, 0.10) 360deg
);
background-color: #f9f4f2;
background-repeat: no-repeat;
background-size: cover;
}