75 lines
1022 B
CSS
75 lines
1022 B
CSS
|
|
#welcome {
|
|
background: #000;
|
|
position: absolute;
|
|
text-shadow: 0 0 1rem #333;
|
|
|
|
}
|
|
|
|
#welcome img {
|
|
position: absolute;
|
|
}
|
|
|
|
#welcome h2 {
|
|
color: #f9f3f1;
|
|
font-size: 8em;
|
|
font-weight: 600;
|
|
letter-spacing: -0.04em;
|
|
line-height: 90px;
|
|
margin-top: 400px;
|
|
position: relative;
|
|
text-align: center;
|
|
width: 80vw;
|
|
|
|
z-index: 2;
|
|
}
|
|
|
|
#welcome .color-emphasis {
|
|
color: #1e33da;
|
|
}
|
|
|
|
#welcome .phone-container {
|
|
background: url("/img/section2_phone.png");
|
|
background-size: cover;
|
|
}
|
|
|
|
/************ phones ************/
|
|
.phones-land {
|
|
float: left;
|
|
position: static;
|
|
z-index: -1;
|
|
}
|
|
|
|
#phone-watches-1 {
|
|
height: 690px;
|
|
left: -137px;
|
|
position: absolute;
|
|
top: 1531px;
|
|
width: 345px;
|
|
}
|
|
|
|
#phone-watches-2 {
|
|
filter: blur(2px);
|
|
height: 176px;
|
|
left: -200px;
|
|
top: 470px;
|
|
width: 88px;
|
|
}
|
|
|
|
#phone-watches-3 {
|
|
filter: blur(4px);
|
|
height: 342px;
|
|
left: 916px;
|
|
top: 475px;
|
|
width: 171px;
|
|
}
|
|
|
|
#phone-watches-4 {
|
|
filter: blur(6px);
|
|
height: 550px;
|
|
left: 1222px;
|
|
top: 523px;
|
|
width: 275px;
|
|
}
|
|
|