position background

This commit is contained in:
2024-05-24 15:06:29 +02:00
parent 516dc3147c
commit 71c22e5bad
5 changed files with 24 additions and 20 deletions
@@ -504,13 +504,14 @@ footer h2 {
transform: rotate(90deg); transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
@media screen and (min-width: 768px) { main:not(.home) {
main:not(.home) { padding-top: 1.5rem; }
padding: 1.5rem 0 !important; } } @media screen and (min-width: 768px) {
main:not(.home) {
@media screen and (min-width: 992px) { padding: 1.5rem 0 !important; } }
main:not(.home) { @media screen and (min-width: 992px) {
padding: 4rem 0 !important; } } main:not(.home) {
padding: 4rem 0 !important; } }
body #content-ontop { body #content-ontop {
position: relative; position: relative;
@@ -523,7 +524,8 @@ body #background-animated {
width: 100VW; width: 100VW;
z-index: -1; z-index: -1;
position: absolute; position: absolute;
overflow: hidden; } overflow: hidden;
left: 0; }
article.publications, article.interviews { article.publications, article.interviews {
margin-top: 1rem; } margin-top: 1rem; }
@@ -1,10 +1,11 @@
@media screen and (min-width: 768px) { main:not(.home) {
main:not(.home) { padding-top: 1.5rem; }
padding: 1.5rem 0 !important; } } @media screen and (min-width: 768px) {
main:not(.home) {
@media screen and (min-width: 992px) { padding: 1.5rem 0 !important; } }
main:not(.home) { @media screen and (min-width: 992px) {
padding: 4rem 0 !important; } } main:not(.home) {
padding: 4rem 0 !important; } }
body #content-ontop { body #content-ontop {
position: relative; position: relative;
@@ -17,7 +18,8 @@ body #background-animated {
width: 100VW; width: 100VW;
z-index: -1; z-index: -1;
position: absolute; position: absolute;
overflow: hidden; } overflow: hidden;
left: 0; }
article.publications, article.interviews { article.publications, article.interviews {
margin-top: 1rem; } margin-top: 1rem; }
@@ -127,9 +127,6 @@ header {
font-size: 3.5rem; font-size: 3.5rem;
order: 3; order: 3;
} }
@media (min-width: 300px) {
}
} }
div:nth-of-type(2){ div:nth-of-type(2){
grid-column: 1 / 4; grid-column: 1 / 4;
@@ -1,4 +1,5 @@
main:not(.home) { main:not(.home) {
padding-top: 1.5rem;
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
padding: 1.5rem 0 !important; padding: 1.5rem 0 !important;
} }
@@ -22,6 +23,7 @@ body {
z-index: -1; z-index: -1;
position: absolute; position: absolute;
overflow: hidden; overflow: hidden;
left: 0;
} }
} }
@@ -51,4 +53,4 @@ article {
} }
//////////////////////////////// ////////////////////////////////
@@ -1,4 +1,5 @@
#presentation{ #presentation{
margin-top: 0.5rem; margin-top: 0.5rem;
.__title{ .__title{
h2{ h2{