|
|
|
@ -9,12 +9,14 @@
|
|
|
|
src: url("../../assets/fonts/Equinox.otf");
|
|
|
|
src: url("../../assets/fonts/Equinox.otf");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/* End Fonts CSS */
|
|
|
|
/* End Fonts CSS */
|
|
|
|
|
|
|
|
html {
|
|
|
|
|
|
|
|
scroll-behavior: smooth;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
body {
|
|
|
|
min-height: 100vh;
|
|
|
|
min-height: 100vh;
|
|
|
|
font-family: "Equinox", sans-serif;
|
|
|
|
font-family: "Equinox", sans-serif;
|
|
|
|
color: white;
|
|
|
|
color: white;
|
|
|
|
scroll-behavior: smooth;
|
|
|
|
|
|
|
|
height: 100vh;
|
|
|
|
height: 100vh;
|
|
|
|
background-position: center center;
|
|
|
|
background-position: center center;
|
|
|
|
background-attachment: fixed;
|
|
|
|
background-attachment: fixed;
|
|
|
|
@ -33,16 +35,15 @@ nav {
|
|
|
|
|
|
|
|
|
|
|
|
.moving-fox {
|
|
|
|
.moving-fox {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
top : 0;
|
|
|
|
top: 0;
|
|
|
|
z-index: -1;
|
|
|
|
z-index: -1;
|
|
|
|
opacity: 0;
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Section Histoire */
|
|
|
|
/* Section Histoire */
|
|
|
|
|
|
|
|
|
|
|
|
section{
|
|
|
|
section {
|
|
|
|
min-height: 70vh;
|
|
|
|
min-height: 60vh;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@ -68,4 +69,65 @@ section{
|
|
|
|
p {
|
|
|
|
p {
|
|
|
|
font-family: "Fauna", sans-serif;
|
|
|
|
font-family: "Fauna", sans-serif;
|
|
|
|
font-size: 20px;
|
|
|
|
font-size: 20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Scroll down arrow */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.scroll-down {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
bottom: 15px;
|
|
|
|
|
|
|
|
left: 50%;
|
|
|
|
|
|
|
|
margin-left: -16px;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
width: 40px;
|
|
|
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
|
|
border: 2px solid #fff;
|
|
|
|
|
|
|
|
background-size: 14px auto;
|
|
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
|
|
-webkit-animation: bounce 2s infinite 2s;
|
|
|
|
|
|
|
|
animation: bounce 2s infinite 2s;
|
|
|
|
|
|
|
|
-webkit-transition: all 0.2s ease-in;
|
|
|
|
|
|
|
|
transition: all 0.2s ease-in;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.scroll-down:before {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
top: calc(50% - 8px);
|
|
|
|
|
|
|
|
left: calc(50% - 6px);
|
|
|
|
|
|
|
|
transform: rotate(-45deg);
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
width: 12px;
|
|
|
|
|
|
|
|
height: 12px;
|
|
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
|
|
border: 2px solid white;
|
|
|
|
|
|
|
|
border-width: 0px 0 2px 2px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes bounce {
|
|
|
|
|
|
|
|
0%,
|
|
|
|
|
|
|
|
100%,
|
|
|
|
|
|
|
|
20%,
|
|
|
|
|
|
|
|
50%,
|
|
|
|
|
|
|
|
80% {
|
|
|
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
|
|
|
-webkit-transform: translateY(0);
|
|
|
|
|
|
|
|
-ms-transform: translateY(0);
|
|
|
|
|
|
|
|
-moz-transform: translateY(0);
|
|
|
|
|
|
|
|
-o-transform: translateY(0);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
40% {
|
|
|
|
|
|
|
|
transform: translateY(-10px);
|
|
|
|
|
|
|
|
-webkit-transform: translateY(-10px);
|
|
|
|
|
|
|
|
-ms-transform: translateY(-10px);
|
|
|
|
|
|
|
|
-moz-transform: translateY(-10px);
|
|
|
|
|
|
|
|
-o-transform: translateY(-10px);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
|
|
|
|
transform: translateY(-5px);
|
|
|
|
|
|
|
|
-webkit-transform: translateY(-5px);
|
|
|
|
|
|
|
|
-ms-transform: translateY(-5px);
|
|
|
|
|
|
|
|
-moz-transform: translateY(-5px);
|
|
|
|
|
|
|
|
-o-transform: translateY(-5px);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
nathan boileau
2 years ago