75 lines
1.0 KiB
SCSS
75 lines
1.0 KiB
SCSS
#background {
|
|
z-index: -1;
|
|
max-width: 99vw;
|
|
width: 100vw;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
img {
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
#bg-top {
|
|
/* #bg-1 {
|
|
top: 5vh;
|
|
left: 0;
|
|
} */
|
|
#bg-3 {
|
|
top: 13vh;
|
|
left: -10vw;
|
|
}
|
|
#bg-2 {
|
|
top: 8vh;
|
|
left: -28vw;
|
|
}
|
|
#bg-5 {
|
|
width: 20vw;
|
|
top: 5vh;
|
|
right: -10vw;
|
|
}
|
|
/* #bg-4 {
|
|
top: 18vh;
|
|
right: -45vw;
|
|
} */
|
|
|
|
}
|
|
#bg-middle {
|
|
#bg-6 {
|
|
top: 5vh;
|
|
right: -5vw;
|
|
}
|
|
#bg-7 {
|
|
width: 85vw;
|
|
top: 10vh;
|
|
right: 0vw;
|
|
}
|
|
/* #bg-8 {
|
|
width: 80vw;
|
|
top: 45vh;
|
|
left: -40vw;
|
|
} */
|
|
#bg-12 {
|
|
width: 105vw;
|
|
left: -5vw;
|
|
top: 30vh;
|
|
}
|
|
}
|
|
#bg-bottom {
|
|
#bg-11 {
|
|
top: -70vh;
|
|
right: -5vw;
|
|
}
|
|
#bg-10 {
|
|
width: 110vw;
|
|
top: -150vh;
|
|
left: 5vw;
|
|
}
|
|
#bg-4 {
|
|
transform: scaleX(-1);
|
|
top: -40vh;
|
|
left: -45vw;
|
|
}
|
|
}
|
|
}
|