%PDF- %PDF-
| Direktori : /home/vacivi36/.trash/vacivitta/src/ |
| Current File : /home/vacivi36/.trash/vacivitta/src/index.css |
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* Reset CSS para evitar interferências na página */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
font-family: 'League Spartan', sans-serif !important;
}
/* Global rule for title case to sentence case */
h1, h2, h3, h4, h5, h6, .title, .section-title {
display: inline-block;
}
h1::first-letter, h2::first-letter, h3::first-letter, h4::first-letter, h5::first-letter, h6::first-letter,
.title::first-letter, .section-title::first-letter {
text-transform: uppercase;
}
button {
font-family: 'League Spartan';
padding: 15px 40px;
background-color: #0094D9;
border-radius: 25px;
outline: none;
border: none;
font-size: 18px;
color: white;
cursor: pointer;
transition: all 0.3s ease;
}
button:hover {
background-color: #0063d3;
transform: scale(1.01);
}
.buttonGreen {
font-family: 'League Spartan';
padding: 15px 40px;
background-color: #3d9948;
border-radius: 25px;
outline: none;
border: none;
font-size: 18px;
color: white;
cursor: pointer;
transition: all 0.3s ease;
}
.buttonGreen:hover {
background-color: #32c143;
transform: scale(1.01);
}
/* Tipografia com diferentes pesos */
.bolderGreen {
color: #3d9948;
font-weight: 800;
}
.bolderGreen2 {
color: #3d9948;
font-weight: 700;
}
.bolderLand {
color: #0a2b3a;
font-weight: 800;
}
.bolderBlue {
color: #0094D9;
font-weight: 800;
}
.blue {
color: #0d3453;
font-weight: 500;
font-size: 30px;
}
.blueP {
color: #101a28;
font-weight: 400;
font-size: 18px;
}
.green {
color: #3d9948;
}
/* Aplicação da nova fonte para títulos, parágrafos e navegação */
h1, h2, h3, p, span, a, nav {
font-family: 'League Spartan', sans-serif !important;
color: white;
}
h1 {
font-size: 78px;
line-height: 68px;
font-weight: 700;
letter-spacing: -2px;
}
@media (max-width: 768px) {
h1 {
font-size: 48px;
line-height: 48px;
}
}
h2 {
font-size: 30px;
margin-top: 10px;
font-weight: 400;
color: #101a28;
}
.pBolder {
font-weight: 700;
color: #101a28;
}
p {
color: #101a28;
margin-top: 17px;
font-size: 20px;
}
/* Classes auxiliares sem influenciar a estrutura */
.hidden {
display: none;
}
.center-text {
text-align: center;
}
.bold {
font-weight: bold;
}
.flex-container {
display: flex;
justify-content: center;
align-items: center;
}
.no-decoration {
text-decoration: none;
color: inherit;
}