zepp
/
emmas.place
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styling defined for color choices

This commit is contained in:
emma 2024-12-13 13:08:42 -05:00
parent 846564e5cb
commit 02bd6a8492
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
style/style.css
View File

@ -1,4 +1,6 @@
:root {
--background-color: #e0ffcd;
--body-background-color: #ffebbb;
}
*, *::before, *::after {
@ -12,6 +14,7 @@ html {
}
body {
background-color: var(--body-background-color);
display: grid;
grid-template-rows: 5vh 2fr 5vh;
justify-content: center;
@ -19,6 +22,7 @@ body {
}
main {
background-color: var(--background-color);
height: auto;
width: 70vw;
display: grid;
@ -27,13 +31,19 @@ main {
}
header {
background-color: var(--background-color);
grid-row: 1/2;
height: 5vh;
width: auto;
text-align: center;
border-bottom: 10px solid;
border-image-slice: 1;
border-width: 5px;
border-image-source: linear-gradient(to right, #D60270, #9B4F96, #0038A8);
}
footer {
background-color: var(--background-color);
grid-row: 3/4;
height: 5vh;
width: auto;
@ -42,10 +52,16 @@ footer {
}
nav {
background-color: var(--background-color);
grid-row: 2/3;
width: 10vw;
height: auto;
justify-self: end;
border-right: 10px solid;
border-image-slice: 1;
border-width: 5px;
border-image-source: linear-gradient(to bottom, #FCF434, #FFFFFF, #9C59D1, #2C2C2C);
}
section {