New styling

This commit is contained in:
Henry Hiles 2025-01-25 14:09:07 +00:00
parent 0abbfe9088
commit b26079146c
23 changed files with 341 additions and 129 deletions

57
src/styles/index.css Normal file
View file

@ -0,0 +1,57 @@
section {
width: 100%;
max-width: 1000px;
display: flex;
flex-direction: column;
& div {
display: flex;
justify-content: center;
gap: 1.5em;
flex-wrap: wrap;
}
gap: 0.5em;
padding: 1em 2em;
& h2 {
font-size: 2em;
}
& p {
font-size: 1.3em;
}
&#home {
font-size: 2em;
justify-content: center;
align-items: center;
padding-bottom: 1em;
& img {
max-width: 35rem;
height: min-content;
}
& span {
display: flex;
text-align: center;
padding: 0 0.5rem;
}
}
&#about {
& #stats img {
width: 45%;
min-width: 400px;
}
& #certificates {
padding-top: 1em;
& a {
min-width: 150px;
width: 15%;
}
}
}
}