Changed The Header Structure and deleted unused fonts

This commit is contained in:
sageTheDM 2024-09-25 12:12:19 +02:00
parent bb6f529651
commit b834112e61
10 changed files with 151 additions and 210 deletions

52
app/styles/credit.css Normal file
View file

@ -0,0 +1,52 @@
/* Styling for the credits container */
.credits-container {
padding: 2rem;
}
.credits-section {
max-width: 900px;
height: 80vh;
margin: 0 auto;
background: var(--doc-background-color); /* Use variable for background */
padding: 2rem;
border-radius: 8px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
overflow-y: scroll;
}
.title {
font-size: 2rem;
color: var(--doc-title-color); /* Use variable for title color */
margin-bottom: 1.5rem;
}
.subtitle {
font-size: 1.5rem;
color: var(--doc-subtitle-color); /* Use variable for subtitle color */
margin-top: 2rem;
margin-bottom: 1rem;
}
.paragraph {
font-size: 1rem;
color: var(--doc-paragraph-color); /* Use variable for paragraph color */
margin-bottom: 1.5rem;
line-height: 1.6;
}
/* Styling for the credit buttons */
.credit-btn {
display: inline-block;
padding: 10px 15px;
margin: 10px 5px;
background-color: var(--button-background-color); /* Button background */
color: var(--button-text-color); /* Button text */
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.credit-btn:hover {
background-color: var(--button-hover-background-color); /* Button hover */
}

View file

@ -15,4 +15,5 @@
@import './Login.css';
@import './Settings.css';
@import './fonts.css';
@import './credit.css';
@import './responsive.css';