mirror of
https://github.com/Rushilwiz/mooreyoga.git
synced 2025-04-09 22:30:16 -04:00
71 lines
1.3 KiB
Sass
71 lines
1.3 KiB
Sass
section
|
|
height: 100vh
|
|
|
|
.hero
|
|
z-index: -1
|
|
background: #242828
|
|
width: 100%
|
|
position: relative
|
|
|
|
div
|
|
position: absolute
|
|
height: 100%
|
|
width: 100%
|
|
|
|
.background
|
|
background: #242828 url('/css/res/img/background.png') bottom no-repeat
|
|
|
|
.foreground
|
|
background: url('/css/res/img/foreground.png') bottom no-repeat
|
|
|
|
.text
|
|
#moore
|
|
position: fixed
|
|
background: url('/css/res/img/moore.png') left no-repeat
|
|
background-position: 15% 10%
|
|
background-size: 35%
|
|
|
|
#yoga
|
|
position: fixed
|
|
background: url('/css/res/img/yoga.png') right no-repeat
|
|
background-position: 80% 60%
|
|
background-size: 30%
|
|
|
|
.about
|
|
z-index: 999
|
|
background: #DBD7CB
|
|
display: flex
|
|
flex-direction: row
|
|
justify-content: flex-end
|
|
|
|
.row
|
|
height: 100%
|
|
width: 90%
|
|
display: flex
|
|
flex-direction: row
|
|
justify-content: center
|
|
align-items: center
|
|
|
|
img
|
|
width: 30%
|
|
|
|
.info
|
|
display: inline-block
|
|
height: 70%
|
|
width: fit-content
|
|
|
|
h1
|
|
font-size: 4em
|
|
margin-top: 0
|
|
|
|
.video
|
|
position: relative
|
|
overflow: hidden
|
|
|
|
iframe
|
|
height: 100%
|
|
width: 100%
|
|
position: absolute
|
|
left: 0
|
|
top: 0
|