aboutsummaryrefslogtreecommitdiff
path: root/assets/scss/home.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/scss/home.scss')
-rw-r--r--assets/scss/home.scss34
1 files changed, 18 insertions, 16 deletions
diff --git a/assets/scss/home.scss b/assets/scss/home.scss
index 456f111..72ec9a9 100644
--- a/assets/scss/home.scss
+++ b/assets/scss/home.scss
@@ -32,7 +32,7 @@ body {
}
body > header {
-
+
background-color: rgba(109, 78, 128, 1);
position: fixed;
right: 5vw;
@@ -62,6 +62,8 @@ body > header {
img {
display: none;
vertical-align: -1.6rem;
+ align: absmiddle;
+ border: 0;
}
}
@@ -130,7 +132,7 @@ body > header {
&:hover {
border-color: rgba(220, 201, 133, 1);
-
+
a {
font-weight: bold;
background: rgba(0,0,0,0.5);
@@ -138,7 +140,7 @@ body > header {
}
}
}
-
+
&:hover {
/**
* Copyleft magic
@@ -174,7 +176,7 @@ body > header {
&:hover {
top: 5vh;
-
+
h1 {
font-size: 2.6rem;
transform: rotate(2.7deg) translate(0, 0) skewX(0);
@@ -223,7 +225,7 @@ body > footer {
h4 {
display: inline-block;
}
-
+
> p {
text-align: center;
margin: 4rem auto 2rem auto;
@@ -267,7 +269,7 @@ body > footer {
&:hover {
border-color: rgba(220, 201, 133, 1);
-
+
a {
font-weight: bold;
background: rgba(0,0,0,0.5);
@@ -311,7 +313,7 @@ body > footer {
header > footer {
position: fixed;
}
-
+
/**
* Scrollbar
@@ -349,14 +351,14 @@ body > footer {
overflow-y: auto;
}
-
+
body > header:hover ~ footer {
position: fixed;
bottom: 0;
display: block;
}
-
+
body > header:hover ~ footer > nav {
display: block;
}
@@ -407,7 +409,7 @@ body > footer {
transform: rotate(0deg);
width: 40vw;
z-index: 500;
-
+
h3 {
color: rgba(0, 0, 0, 1);
}
@@ -420,7 +422,7 @@ body > footer {
}
}
}
-
+
.media #gfx {
background: rgba(191, 138, 112,0.7);
transform: rotate(-4deg);
@@ -499,7 +501,7 @@ body > footer {
font-size: 1.6rem;
padding: 1rem 2rem;
}
-
+
.media #vdo {
left: 0;
background: rgba(112, 166, 191, 0.5);
@@ -527,7 +529,7 @@ body > footer {
opacity: 1;
}
.media #vdo:hover {
- background: rgba(112, 166, 191, 0.9);
+ background: rgba(112, 166, 191, 0.9);
margin: 0;
transform: rotate(0);
width: 40vw;
@@ -566,7 +568,7 @@ body > footer {
color: rgba(109, 78, 128, 1);
text-decoration: none;
}
-
+
.libre #participation {
/* transform: rotate(-4deg) translateY(4.5rem); */
transform: rotate(-4deg) translateY(6vh);
@@ -593,7 +595,7 @@ body > footer {
body > main {
background: url(../img/logo-ps.svg) center calc(92% - 50vh) / contain no-repeat fixed;
}
-
+
}
.sinewave{
@@ -613,7 +615,7 @@ body > footer {
#lang-switch {
/* rgb(199, 184, 119); */
- border: 2px solid rgba(173, 151, 56, 0.68);
+ border: 2px solid rgba(173, 151, 56, 0.68);
border-radius: 1rem;
padding: 0 0.5rem;
background: inherit;