smooth transition

This commit is contained in:
violette 2024-05-10 00:13:40 -04:00
parent 9f71249f83
commit b5b7b43530

View file

@ -20,6 +20,7 @@
--text-pink: var(--text-pink-light);
--text-mauve: var(--text-mauve-dark);
}
}
#color-mode:checked ~ .color-scheme-wrapper {
--bg:black;
@ -40,12 +41,11 @@
.color-scheme-wrapper {
min-height:100vh;
background:var(--bg);
transition: 1s all;
color:var(--text);
}
.margin {
background:var(--bg);
color:var(--text);
padding-left: 20px;
padding-right: 20px;
}
@ -61,8 +61,6 @@ body {
}
header {
background-color: var(--bg);
color: var(--text);
border-bottom: 1px solid #222;
margin-bottom: 1rem;
}
@ -78,7 +76,6 @@ h1 {
h1:hover {
color: var(--text-mauve);
transition-duration: 500ms;
}
h2 {
@ -107,7 +104,6 @@ footer {
.footer {
color: var(--text);
background-color: var(--bg);
align-items: center;
width: 100%;
display: flex;
@ -121,11 +117,6 @@ footer {
margin: 5pt;
}
main {
background-color: var(--bg);
border-bottom: 1rem solid var(--bg);
}
.nav-right {
display: flex;
align-items:flex-end;