83 lines
3.6 KiB
CSS
83 lines
3.6 KiB
CSS
|
|
||
|
|
.container[data-v-8fa0d72a] {
|
||
|
|
min-height:100vh;display:flex;flex-direction:column;align-items:center;--un-bg-opacity:1;background-color:rgb(254 249 195 / var(--un-bg-opacity));
|
||
|
|
}
|
||
|
|
.header[data-v-8fa0d72a] {
|
||
|
|
width:100%;display:flex;align-items:center;justify-content:space-between;--un-bg-opacity:1;background-color:rgb(253 224 71 / var(--un-bg-opacity));padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;
|
||
|
|
}
|
||
|
|
.logo-section[data-v-8fa0d72a] {
|
||
|
|
display:flex;align-items:center;
|
||
|
|
}
|
||
|
|
.logo[data-v-8fa0d72a] {
|
||
|
|
width:2.5rem;height:2.5rem;
|
||
|
|
}
|
||
|
|
.app-name[data-v-8fa0d72a] {
|
||
|
|
margin-left:0.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;
|
||
|
|
}
|
||
|
|
.rating-section[data-v-8fa0d72a] {
|
||
|
|
display:flex;align-items:center;
|
||
|
|
}
|
||
|
|
.rating[data-v-8fa0d72a] {
|
||
|
|
font-size:1.125rem;line-height:1.75rem;font-weight:700;
|
||
|
|
}
|
||
|
|
.rating-icon[data-v-8fa0d72a] {
|
||
|
|
margin-left:0.25rem;font-size:1.125rem;line-height:1.75rem;
|
||
|
|
}
|
||
|
|
.hero[data-v-8fa0d72a] {
|
||
|
|
margin-top:1rem;
|
||
|
|
}
|
||
|
|
.hero-image[data-v-8fa0d72a] {
|
||
|
|
width:10rem;height:10rem;
|
||
|
|
}
|
||
|
|
.services[data-v-8fa0d72a] {
|
||
|
|
margin-top:1rem;width:100%;display:flex;justify-content:space-around;border-radius:0.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:1rem;--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
||
|
|
}
|
||
|
|
.service-item[data-v-8fa0d72a] {
|
||
|
|
display:flex;flex-direction:column;align-items:center;
|
||
|
|
}
|
||
|
|
.service-icon[data-v-8fa0d72a] {
|
||
|
|
width:4rem;height:4rem;
|
||
|
|
}
|
||
|
|
.service-text[data-v-8fa0d72a] {
|
||
|
|
margin-top:0.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;
|
||
|
|
}
|
||
|
|
.service-button[data-v-8fa0d72a] {
|
||
|
|
margin-top:0.5rem;border-radius:9999px;--un-bg-opacity:1;background-color:rgb(236 72 153 / var(--un-bg-opacity));padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));
|
||
|
|
}
|
||
|
|
.statistics[data-v-8fa0d72a] {
|
||
|
|
margin-top:1.5rem;width:91.6666666667%;border-radius:0.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:1rem;--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
||
|
|
}
|
||
|
|
.statistic-item[data-v-8fa0d72a] {
|
||
|
|
display:flex;flex-direction:column;align-items:center;
|
||
|
|
}
|
||
|
|
.statistic-icon[data-v-8fa0d72a] {
|
||
|
|
width:4rem;height:4rem;
|
||
|
|
}
|
||
|
|
.statistic-text[data-v-8fa0d72a] {
|
||
|
|
margin-top:0.5rem;font-size:1.125rem;line-height:1.75rem;
|
||
|
|
}
|
||
|
|
.statistic-number[data-v-8fa0d72a] {
|
||
|
|
margin-top:0.5rem;font-size:1.875rem;line-height:2.25rem;--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));font-weight:700;
|
||
|
|
}
|
||
|
|
.statistic-date[data-v-8fa0d72a] {
|
||
|
|
margin-top:0.25rem;font-size:0.875rem;line-height:1.25rem;
|
||
|
|
}
|
||
|
|
.features[data-v-8fa0d72a] {
|
||
|
|
margin-top:1.5rem;width:100%;display:flex;justify-content:space-around;
|
||
|
|
}
|
||
|
|
.feature-item[data-v-8fa0d72a] {
|
||
|
|
display:flex;flex-direction:column;align-items:center;
|
||
|
|
}
|
||
|
|
.feature-icon[data-v-8fa0d72a] {
|
||
|
|
width:3rem;height:3rem;
|
||
|
|
}
|
||
|
|
.feature-text[data-v-8fa0d72a] {
|
||
|
|
margin-top:0.5rem;text-align:center;
|
||
|
|
}
|
||
|
|
.footer[data-v-8fa0d72a] {
|
||
|
|
margin-top:auto;width:100%;display:flex;justify-content:space-around;--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity));padding-top:0.5rem;padding-bottom:0.5rem;
|
||
|
|
}
|
||
|
|
.footer-item[data-v-8fa0d72a] {
|
||
|
|
text-align:center;--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity));
|
||
|
|
}
|