Updated 39 files via CloudCannon
This commit is contained in:
parent
5c46dcd9fb
commit
db15bb8e33
35 changed files with 281 additions and 293 deletions
|
|
@ -97,7 +97,7 @@ body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica",
|
|||
|
||||
.hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 960px; background-repeat: repeat-x; background-position: bottom; z-index: 1; }
|
||||
|
||||
.hero .imagecontainer h4 { width: 90vw; /* height: auto; */ /* min-height: 100px; */ line-height: 1.011em; letter-spacing: -0em; color: var(--bg); font-size: 15vw; display: inline; opacity: 1; border-radius: var(--border-radius); position: absolute; bottom: 0; transform: rotate(-3deg); overflow: hidden; background: -webkit-linear-gradient(90deg, var(--bg) 0%, var(--bg-alt) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(1px); }
|
||||
.hero .imagecontainer h4 { width: 90vw; /* height: auto; */ /* min-height: 100px; */ line-height: 1.011em; letter-spacing: -0em; color: var(--bg); font-size: 15vw; display: inline; opacity: 1; border-radius: var(--border-radius); position: absolute; bottom: 0; transform: rotate(-3deg); overflow: hidden; background: -webkit-linear-gradient(90deg, var(--bg) 25%, var(--accent2-alt) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(1px); }
|
||||
|
||||
.hero .splash { background-color: transparent; display: flex; flex-wrap: wrap; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: auto; }
|
||||
|
||||
|
|
@ -199,7 +199,7 @@ a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-co
|
|||
|
||||
.center { text-align: center; }
|
||||
|
||||
.button { background-color: var(--accent2); padding: 1em; display: inline-block; border-radius: var(--border-radius); text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: var(--bg); -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt); -moz-box-shadow: 0px 0px 0px -3px var(--border-alt); box-shadow: 0px 0px 0px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
|
||||
.button { background-color: var(--accent2); padding: 1em; margin-bottom: 20px; display: inline-block; border-radius: var(--border-radius); text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: var(--bg); -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt); -moz-box-shadow: 0px 0px 0px -3px var(--border-alt); box-shadow: 0px 0px 0px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt)); background-size: 400% 400%; -webkit-animation: backgroundBlink 2s ease infinite; -moz-animation: backgroundBlink 2s ease infinite; animation: backgroundBlink 2s ease infinite; }
|
||||
|
||||
.button:hover { background-color: var(--accent1); color: var(--bg); -webkit-box-shadow: 0px 11px 10px -3px var(--border-alt); -moz-box-shadow: 0px 11px 10px -3px var(--border-alt); box-shadow: 0px 11px 10px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
|
||||
|
||||
|
|
@ -237,11 +237,13 @@ a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-co
|
|||
|
||||
.info .info-pages { padding-top: 40px; max-width: var(--max-width); margin: auto; }
|
||||
|
||||
.info .info-pages img { margin-left: auto; margin-right: auto; width: 100%; max-width: 600px; height: auto; display: block; }
|
||||
.info .info-pages .container img { margin-left: auto; margin-right: auto; width: 100%; max-width: 600px; height: auto; display: block; }
|
||||
|
||||
.info .info-pages h6 { font-size: 0.8em; text-align: center; }
|
||||
.info .info-pages .container h6 { font-size: 0.8em; text-align: center; }
|
||||
|
||||
.info .info-pages blockquote { font-size: 1.5em; border-left: 3px solid var(--fg); padding-left: 40px; }
|
||||
.info .info-pages .container blockquote { font-weight: 700; border-left: 3px dotted var(--fg); padding-left: 40px; }
|
||||
|
||||
.info .info-pages .container ul { list-style-type: circle; padding-left: 40px; }
|
||||
|
||||
.info p { margin: 20px 0; }
|
||||
|
||||
|
|
@ -558,4 +560,4 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
|
|||
|
||||
@media only screen and (max-width: 769px) { .staff li .square-image { width: 70px; height: 70px; } }
|
||||
|
||||
/*# sourceMappingURL=main-20200911.css.map */
|
||||
/*# sourceMappingURL=main-20201116.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -97,7 +97,7 @@ body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica",
|
|||
|
||||
.hero .imagecontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/vignette.svg"); background-size: 960px; background-repeat: repeat-x; background-position: bottom; z-index: 1; }
|
||||
|
||||
.hero .imagecontainer h4 { width: 90vw; /* height: auto; */ /* min-height: 100px; */ line-height: 1.011em; letter-spacing: -0em; color: var(--bg); font-size: 15vw; display: inline; opacity: 1; border-radius: var(--border-radius); position: absolute; bottom: 0; transform: rotate(-3deg); overflow: hidden; background: -webkit-linear-gradient(90deg, var(--bg) 0%, var(--bg-alt) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(1px); }
|
||||
.hero .imagecontainer h4 { width: 90vw; /* height: auto; */ /* min-height: 100px; */ line-height: 1.011em; letter-spacing: -0em; color: var(--bg); font-size: 15vw; display: inline; opacity: 1; border-radius: var(--border-radius); position: absolute; bottom: 0; transform: rotate(-3deg); overflow: hidden; background: -webkit-linear-gradient(90deg, var(--bg) 25%, var(--accent2-alt) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(1px); }
|
||||
|
||||
.hero .splash { background-color: transparent; display: flex; flex-wrap: wrap; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: auto; }
|
||||
|
||||
|
|
@ -199,7 +199,7 @@ a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-co
|
|||
|
||||
.center { text-align: center; }
|
||||
|
||||
.button { background-color: var(--accent2); padding: 1em; display: inline-block; border-radius: var(--border-radius); text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: var(--bg); -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt); -moz-box-shadow: 0px 0px 0px -3px var(--border-alt); box-shadow: 0px 0px 0px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
|
||||
.button { background-color: var(--accent2); padding: 1em; margin-bottom: 20px; display: inline-block; border-radius: var(--border-radius); text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500; color: var(--bg); -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt); -moz-box-shadow: 0px 0px 0px -3px var(--border-alt); box-shadow: 0px 0px 0px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt)); background-size: 400% 400%; -webkit-animation: backgroundBlink 2s ease infinite; -moz-animation: backgroundBlink 2s ease infinite; animation: backgroundBlink 2s ease infinite; }
|
||||
|
||||
.button:hover { background-color: var(--accent1); color: var(--bg); -webkit-box-shadow: 0px 11px 10px -3px var(--border-alt); -moz-box-shadow: 0px 11px 10px -3px var(--border-alt); box-shadow: 0px 11px 10px -3px var(--border-alt); -webkit-transition: all var(--anim-speed) ease-in-out; -moz-transition: all var(--anim-speed) ease-in-out; -ms-transition: all var(--anim-speed) ease-in-out; transition: all var(--anim-speed) ease-in-out; }
|
||||
|
||||
|
|
@ -237,11 +237,13 @@ a:hover { color: var(--accent1); text-decoration-style: wavy; text-decoration-co
|
|||
|
||||
.info .info-pages { padding-top: 40px; max-width: var(--max-width); margin: auto; }
|
||||
|
||||
.info .info-pages img { margin-left: auto; margin-right: auto; width: 100%; max-width: 600px; height: auto; display: block; }
|
||||
.info .info-pages .container img { margin-left: auto; margin-right: auto; width: 100%; max-width: 600px; height: auto; display: block; }
|
||||
|
||||
.info .info-pages h6 { font-size: 0.8em; text-align: center; }
|
||||
.info .info-pages .container h6 { font-size: 0.8em; text-align: center; }
|
||||
|
||||
.info .info-pages blockquote { font-size: 1.5em; border-left: 3px solid var(--fg); padding-left: 40px; }
|
||||
.info .info-pages .container blockquote { font-weight: 700; border-left: 3px dotted var(--fg); padding-left: 40px; }
|
||||
|
||||
.info .info-pages .container ul { list-style-type: circle; padding-left: 40px; }
|
||||
|
||||
.info p { margin: 20px 0; }
|
||||
|
||||
|
|
@ -572,4 +574,4 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
|
|||
|
||||
.hideWhenNoJS { display: none; }
|
||||
|
||||
/*# sourceMappingURL=noscripts-20200911.css.map */
|
||||
/*# sourceMappingURL=noscripts-20201116.css.map */
|
||||
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue