digital-theory/css/2-we-come-from.css
2023-04-27 16:43:02 +02:00

74 lines
1017 B
CSS

#welcome{
text-shadow: 0 0 1rem #333;
position: absolute;
background: #000;
}
#welcome img {
position: absolute;
}
#welcome h2 {
font-weight: 600;
font-size: 8em;
line-height: 90px;
text-align: center;
letter-spacing: -0.04em;
color: #F9F3F1;
z-index: 2;
position: relative;
width: 80vw;
margin-top:400px;
}
#welcome .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);
}