57 lines
1.0 KiB
Sass
57 lines
1.0 KiB
Sass
.intro
|
|
padding-top: 0
|
|
article
|
|
padding-top: 0.8em
|
|
|
|
h1
|
|
margin: 0
|
|
padding-bottom: 1.2em
|
|
|
|
text-shadow: #bbbbbb 0 4px 5px
|
|
font-size: 5vh
|
|
@media (min-width: 560px)
|
|
font-size: 6vh
|
|
@media (min-width: 768px)
|
|
font-size: 8vh
|
|
@media (min-width: 1200px)
|
|
font-size: 10vh
|
|
@media (min-width: 1600px)
|
|
font-size: 11.3vh
|
|
|
|
svg.logo
|
|
position: relative
|
|
top: 2rem
|
|
width: 20%
|
|
height: 10vh
|
|
|
|
@media (min-width: 560px)
|
|
height: 15vh
|
|
top: 3rem
|
|
@media (min-width: 768px)
|
|
top: 4rem
|
|
height: 18vh
|
|
@media (min-width: 1200px)
|
|
top: 5rem
|
|
height: 25vh
|
|
width: 17%
|
|
@media (min-width: 1600px)
|
|
height: 30vh
|
|
top: 6rem
|
|
|
|
|
|
header
|
|
@media (min-width: 960px)
|
|
width: calc(100vw - 100px)
|
|
|
|
@media (min-width: 1120px)
|
|
width: calc(100vw - 420px)
|
|
|
|
svg.logo
|
|
visibility: hidden
|
|
position: absolute
|
|
left: 0
|
|
|
|
@media (min-width: 1400px)
|
|
visibility: visible
|
|
|