add some styling to about page

This commit is contained in:
imohkay 2021-10-22 14:42:59 +05:30
commit 774834bb9c
7 changed files with 261 additions and 118 deletions

View file

@ -6,6 +6,9 @@
--spacing: 8px;
--spacing-2: calc(var(--spacing) * 2);
--container-width: 1080px;
--container-lg-width: 1380px;
}
@keyframes background_animation {
@ -21,8 +24,9 @@
}
body.animated {
background: linear-gradient(to right, var(--bg-color-1), var(--bg-color-2) , var(--bg-color-3), var(--bg-color-4));
animation: background_animation 60s ease-in-out infinite;
//animation: background_animation 60s ease-in-out infinite;
background-size: 400% 100%;
color: #ddd;
}
body {
@ -48,3 +52,14 @@ nav {
display: none;
}
}
.row {
display: flex;
margin-left: calc(var(--spacing-2) * -1);
margin-right: calc(var(--spacing-2) * -1);
}
.col {
padding-left: var(--spacing-2);
padding-right: var(--spacing-2);
}