robin/web
1
0
Fork 0
forked from nebulosus/web
Code Pull requests Activity

doc+style: update styling and write some extra words

Browse source
This commit is contained in:
Strix 2024-07-06 20:37:12 +02:00
parent 818d78413b
commit c3a2d96dd8
2 changed files with 49 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

19
public/res/style.css
View file

@ -20,8 +20,9 @@ header {
top: 0%;
width: 100vw;
height: fit-content;
background-color: var(--theme-color, gray);
color: #fff;
background-color: #fff;
border-bottom: 4px solid var(--theme-color);
color: #000;
box-shadow: 0 0 20px var(--theme-color-lowlight);
}
@ -40,7 +41,6 @@ header div.logo span {
main {
display: flex;
flex-direction: column;
gap: 1em;
width: 100vw;
}
@ -57,17 +57,19 @@ main section {
section#intro {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0;
width: 100vw;
background-color: var(--theme-color);
background: linear-gradient(120deg, var(--theme-color-highlight-2), var(--theme-color) 60%);
color: #fff;
font-size: 2em;
border-bottom: 3px solid gray;
h1 {
margin: 0;
}
}
div section {
@ -150,15 +152,16 @@ button {
transition: background-color .2s ease-in-out;
}
div.columns {
.columns {
display: flex;
align-items: center;
@media (max-width: 600px) {
flex-direction: column;
}
}
div.rows {
.rows {
display: flex;
flex-direction: column;
}