New styling
This commit is contained in:
parent
0abbfe9088
commit
b26079146c
23 changed files with 341 additions and 129 deletions
57
src/styles/index.css
Normal file
57
src/styles/index.css
Normal 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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue