Updated 31 files via CloudCannon
This commit is contained in:
parent
44a3d814fa
commit
f6debd4def
31 changed files with 144 additions and 48 deletions
|
|
@ -40,7 +40,7 @@ html, body { margin: 0; padding: 0; }
|
|||
|
||||
body { height: 100vh; width: 100%; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; color: #ebdbf8; letter-spacing: -0.025em; background-color: #3c2a52; }
|
||||
|
||||
#main-wrapper { display: flex; flex-wrap: wrap; width: 100%; -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
|
||||
#main-wrapper { display: flex; flex-wrap: wrap; width: 100%; -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; z-index: 1; }
|
||||
|
||||
.content-wrapper { max-width: 1200px; margin: auto; }
|
||||
|
||||
|
|
@ -58,13 +58,13 @@ body { height: 100vh; width: 100%; font-family: "Jetbrain-Regular", "Lucida Cons
|
|||
|
||||
.hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: bottom; z-index: 1; }
|
||||
|
||||
section { flex: 1 1 100%; padding: 20px; background-color: #3c2a52; -webkit-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); }
|
||||
section { flex: 1 1 100%; padding: 20px; background-color: #3c2a52; -webkit-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); z-index: 2; }
|
||||
|
||||
section h2 { text-align: center; }
|
||||
|
||||
section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
|
||||
section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 0; padding-top: 40px; }
|
||||
|
||||
footer { display: flex; flex-wrap: wrap; width: 100%; padding: 160px 20px 200px 20px; background-color: #ebdbf8; color: #3c2a52; justify-content: center; background-image: url("../img/vignette-footer.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: top; box-sizing: border-box; }
|
||||
footer { display: flex; flex-wrap: wrap; width: 100%; padding: 160px 20px 200px 20px; background-color: #ebdbf8; color: #3c2a52; justify-content: center; background-image: url("../img/vignette-footer.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: top; box-sizing: border-box; z-index: 2; }
|
||||
|
||||
footer div { flex: 0 1 280px; margin: 20px; }
|
||||
|
||||
|
|
@ -231,9 +231,9 @@ nav li a { display: block; font-size: 14px; }
|
|||
#closearea { position: fixed; width: 100%; height: 100%; }
|
||||
|
||||
/* Background Video */
|
||||
.fullscreen-bg { position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: -100; background: #fff; }
|
||||
.fullscreen-bg { position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: 0; background: #3c2a52; top: 0; left: 0; right: 0; z-index: 0; }
|
||||
|
||||
.fullscreen-bg__video { background: #fff; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; }
|
||||
.fullscreen-bg__video { object-fit: cover; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; }
|
||||
|
||||
#myVideo { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -73,7 +73,7 @@ html, body { margin: 0; padding: 0; }
|
|||
|
||||
body { height: 100vh; width: 100%; font-family: "Jetbrain-Regular", "Lucida Console", Monaco, monospace; color: #ebdbf8; letter-spacing: -0.025em; background-color: #3c2a52; }
|
||||
|
||||
#main-wrapper { display: flex; flex-wrap: wrap; width: 100%; -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
|
||||
#main-wrapper { display: flex; flex-wrap: wrap; width: 100%; -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; z-index: 1; }
|
||||
|
||||
.content-wrapper { max-width: 1200px; margin: auto; }
|
||||
|
||||
|
|
@ -91,13 +91,13 @@ body { height: 100vh; width: 100%; font-family: "Jetbrain-Regular", "Lucida Cons
|
|||
|
||||
.hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: bottom; z-index: 1; }
|
||||
|
||||
section { flex: 1 1 100%; padding: 20px; background-color: #3c2a52; -webkit-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); }
|
||||
section { flex: 1 1 100%; padding: 20px; background-color: #3c2a52; -webkit-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 23px 25px -25px rgba(0, 0, 0, 0.75); z-index: 2; }
|
||||
|
||||
section h2 { text-align: center; }
|
||||
|
||||
section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
|
||||
section:first-of-type { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 0; padding-top: 40px; }
|
||||
|
||||
footer { display: flex; flex-wrap: wrap; width: 100%; padding: 160px 20px 200px 20px; background-color: #ebdbf8; color: #3c2a52; justify-content: center; background-image: url("../img/vignette-footer.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: top; box-sizing: border-box; }
|
||||
footer { display: flex; flex-wrap: wrap; width: 100%; padding: 160px 20px 200px 20px; background-color: #ebdbf8; color: #3c2a52; justify-content: center; background-image: url("../img/vignette-footer.svg"); background-size: 480px 480px; background-repeat: repeat-x; background-position: top; box-sizing: border-box; z-index: 2; }
|
||||
|
||||
footer div { flex: 0 1 280px; margin: 20px; }
|
||||
|
||||
|
|
@ -231,9 +231,9 @@ nav li a { display: block; font-size: 14px; }
|
|||
#closearea { position: fixed; width: 100%; height: 100%; }
|
||||
|
||||
/* Background Video */
|
||||
.fullscreen-bg { position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: -100; background: #fff; }
|
||||
.fullscreen-bg { position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: 0; background: #3c2a52; top: 0; left: 0; right: 0; z-index: 0; }
|
||||
|
||||
.fullscreen-bg__video { background: #fff; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; }
|
||||
.fullscreen-bg__video { object-fit: cover; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; }
|
||||
|
||||
#myVideo { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue