2018-03-18 18:09:58 +00:00
|
|
|
const frontpage-bg-color = rgb(32, 32, 32)
|
2017-10-06 05:28:21 +00:00
|
|
|
|
|
|
|
.frontpage-background
|
|
|
|
position absolute
|
|
|
|
top 0
|
|
|
|
left 0
|
|
|
|
width 100%
|
|
|
|
height 100%
|
|
|
|
z-index -200
|
|
|
|
background frontpage-bg-color
|
|
|
|
|
2017-06-25 14:56:42 +00:00
|
|
|
.frontpage
|
|
|
|
vertical
|
|
|
|
align-items center
|
2017-07-04 09:20:31 +00:00
|
|
|
position absolute
|
|
|
|
top 50%
|
|
|
|
left 50%
|
|
|
|
transform translateX(-50%) translateY(-50%)
|
2018-03-18 18:09:58 +00:00
|
|
|
|
2017-07-06 19:38:19 +00:00
|
|
|
a, h1, h2
|
2017-07-04 09:20:31 +00:00
|
|
|
color white !important
|
|
|
|
text-shadow 0px 0px 4px rgb(0, 0, 0, 0.75)
|
2017-06-15 21:03:55 +00:00
|
|
|
|
2017-07-06 19:38:19 +00:00
|
|
|
h1
|
2017-06-25 14:56:42 +00:00
|
|
|
font-size 2.5rem
|
|
|
|
font-weight normal
|
2017-07-04 09:20:31 +00:00
|
|
|
letter-spacing 5px
|
2017-06-25 14:56:42 +00:00
|
|
|
text-transform uppercase
|
2017-07-04 09:20:31 +00:00
|
|
|
line-height 1.2em
|
|
|
|
|
2017-07-06 19:38:19 +00:00
|
|
|
h2
|
2017-07-04 09:20:31 +00:00
|
|
|
font-size 2rem
|
2017-07-06 19:38:19 +00:00
|
|
|
font-weight normal
|
|
|
|
margin-top 0
|
2017-07-04 09:20:31 +00:00
|
|
|
margin-bottom 1em
|
|
|
|
line-height 1.2em
|
|
|
|
text-align center
|
2018-03-18 18:09:58 +00:00
|
|
|
|
2017-06-25 14:56:42 +00:00
|
|
|
.footer
|
|
|
|
text-align center
|
|
|
|
margin-top content-padding
|
2017-06-15 21:03:55 +00:00
|
|
|
|
2017-07-04 08:26:18 +00:00
|
|
|
.bg-video
|
2017-10-06 05:28:21 +00:00
|
|
|
display none
|
2017-07-04 08:26:18 +00:00
|
|
|
position absolute
|
|
|
|
top 50%
|
|
|
|
left 50%
|
|
|
|
transform translateX(-50%) translateY(-50%)
|
|
|
|
min-width 100%
|
|
|
|
min-height 100%
|
|
|
|
width auto
|
|
|
|
height auto
|
|
|
|
z-index -100
|
2017-10-06 05:28:21 +00:00
|
|
|
background frontpage-bg-color
|
|
|
|
|
|
|
|
> 1100px
|
|
|
|
.bg-video
|
|
|
|
display block
|
2017-07-13 18:45:16 +00:00
|
|
|
|
|
|
|
.login-button
|
|
|
|
horizontal
|
|
|
|
align-items center
|
|
|
|
border-radius 3px
|
|
|
|
padding 0.75rem 1.25rem
|
|
|
|
margin 0.5rem
|
|
|
|
font-size 1.2rem
|
|
|
|
text-shadow none !important
|
|
|
|
box-shadow shadow-medium
|
|
|
|
default-transition
|
|
|
|
|
|
|
|
.login-button-google
|
|
|
|
background hsl(8, 75%, 43%)
|
|
|
|
|
|
|
|
:hover
|
|
|
|
background hsl(8, 75%, 48%)
|
|
|
|
|
|
|
|
.login-button-facebook
|
|
|
|
background hsl(222, 67%, 42%)
|
|
|
|
|
|
|
|
:hover
|
|
|
|
background hsl(222, 67%, 47%)
|
2017-07-04 08:26:18 +00:00
|
|
|
|
2017-06-25 14:56:42 +00:00
|
|
|
.screenshot
|
|
|
|
max-width 100%
|
|
|
|
border-radius 3px
|
|
|
|
box-shadow shadow-medium
|
2017-06-25 16:06:03 +00:00
|
|
|
margin-bottom 2rem
|
|
|
|
|
|
|
|
:hover
|
|
|
|
cursor pointer
|