|
@ -3,10 +3,11 @@ |
|
|
.container { |
|
|
.container { |
|
|
height: 100vh; |
|
|
height: 100vh; |
|
|
padding: 100px; |
|
|
padding: 100px; |
|
|
background: linear-gradient(100deg, rgba(235, 184, 100, 0.5) 33%, rgba(0, 0, 0, 0.7)); |
|
|
background: $secondary; |
|
|
|
|
|
|
|
|
h3 { |
|
|
h3 { |
|
|
font-size: 50px; |
|
|
font-size: 50px; |
|
|
|
|
|
color: $white; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.loading { |
|
|
.loading { |
|
@ -19,16 +20,19 @@ |
|
|
min-width: 100px; |
|
|
min-width: 100px; |
|
|
top: calc(50% - 30px); |
|
|
top: calc(50% - 30px); |
|
|
left: calc(50% - 48px); |
|
|
left: calc(50% - 48px); |
|
|
|
|
|
color: $main; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
h1 { |
|
|
h1 { |
|
|
margin-top: 25px; |
|
|
margin-top: 25px; |
|
|
|
|
|
color: $main; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.facts { |
|
|
.facts { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
bottom: 10%; |
|
|
bottom: 10%; |
|
|
|
|
|
color: $white; |
|
|
|
|
|
|
|
|
.fact { |
|
|
.fact { |
|
|
transition: all 0.25s; |
|
|
transition: all 0.25s; |
|
@ -52,24 +56,24 @@ |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
width: 20px; |
|
|
width: 20px; |
|
|
height: 20px; |
|
|
height: 20px; |
|
|
background: $black; |
|
|
background: $white; |
|
|
opacity: 0.5; |
|
|
opacity: 0.5; |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
margin: 0 5px; |
|
|
margin: 0 5px; |
|
|
|
|
|
|
|
|
&:hover { |
|
|
&:hover { |
|
|
opacity: 0.25; |
|
|
opacity: 0.75; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
&.active { |
|
|
&.active { |
|
|
opacity: 0.25; |
|
|
opacity: 1; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.spinner { |
|
|
.spinner { |
|
|
border: 1px solid rgba(0, 0, 0, 0.1); |
|
|
border: 1px solid rgba(235, 184, 100, 0.1); |
|
|
border-left-color: rgba(0, 0, 0, 0.4); |
|
|
border-left-color: rgba(235, 184, 100, 0.4); |
|
|
-webkit-border-radius: 999px; |
|
|
-webkit-border-radius: 999px; |
|
|
-moz-border-radius: 999px; |
|
|
-moz-border-radius: 999px; |
|
|
border-radius: 999px; |
|
|
border-radius: 999px; |
|
|