CSS
#floatingShape {
width: 60px;
height: 60px;
position: absolute;
left: 75%;
top: 20%;
z-index: 10;
}
#floatingShape2 {
width: 60px;
height: 60px;
position: absolute;
left: 65%;
top: 30%;
z-index: 10;
}
#floatingShape3 {
width: 60px;
height: 60px;
position: absolute;
left: 85%;
top: 10%;
z-index: 10;
}
#floatingShape4 {
width: 60px;
height: 60px;
position: absolute;
left: 55%;
top: 40%;
z-index: 10;
}
#introStrip {
opacity: 1;
transition: opacity 1s ease;
z-index: 1000;
}
#baseLayerStrip {
z-index: 1;
}
#introText, #introText2, #introText3, #secondLayerText {
opacity: 1;
transition: opacity 1s ease;
}
#orangeRectangle {
z-index: 10;
}
#secondLayerText {
z-index: 5;
}
@media (max-width: 767px) {
#floatingShape, #floatingShape2, #floatingShape3, #floatingShape4 {
width: 40px;
height: 40px;
}
}
top of page
bottom of page
