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