Updated 31 files via CloudCannon

This commit is contained in:
CloudCannon 2020-08-10 10:48:06 +00:00
parent 44a3d814fa
commit f6debd4def
31 changed files with 144 additions and 48 deletions

View file

@ -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

View file

@ -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