digital-theory/css/2-we-come-from.css

74 lines
1018 B
CSS
Raw Normal View History

2023-04-24 18:47:52 +02:00
2023-04-25 11:50:53 +02:00
#welcome{
text-shadow: 0 0 1rem #333;
position: absolute;
background: #000;
}
#welcome img {
position: absolute;
}
#welcome h2 {
font-weight: 600;
2023-04-26 16:56:57 +02:00
font-size: 10em;
2023-04-25 11:50:53 +02:00
line-height: 90px;
text-align: center;
letter-spacing: -0.04em;
color: #F9F3F1;
z-index: 2;
position: relative;
2023-04-26 16:56:57 +02:00
width: 80vw;
2023-04-25 11:50:53 +02:00
margin-top:400px;
}
2023-04-26 16:56:57 +02:00
#welcome .color-emphasis {
2023-04-25 11:50:53 +02:00
color: #1E33DA;
}
#welcome .phone-container {
background: url('/img/section2_phone.png');
background-size: cover;
}
/************ phones ************/
2023-04-24 18:47:52 +02:00
.phones-land{
z-index:-1;
position: static;
2023-04-25 11:50:53 +02:00
float:left;
2023-04-24 18:47:52 +02:00
}
#phone-watches-1 {
2023-04-25 11:50:53 +02:00
position: absolute;
2023-04-24 18:47:52 +02:00
width: 345px;
height: 690px;
2023-04-25 12:13:46 +02:00
left: -137px;
2023-04-24 18:47:52 +02:00
top: 1531px;
}
#phone-watches-2 {
width: 88px;
height: 176px;
2023-04-25 12:13:46 +02:00
left: -200px;
2023-04-25 12:05:23 +02:00
top: 470px;
2023-04-24 18:47:52 +02:00
filter: blur(2px);
}
#phone-watches-3 {
width: 171px;
height: 342px;
left: 916px;
2023-04-25 12:05:23 +02:00
top: 475px;
2023-04-24 18:47:52 +02:00
filter: blur(4px);
}
#phone-watches-4 {
width: 275px;
height: 550px;
left: 1222px;
2023-04-25 12:05:23 +02:00
top: 523px;
2023-04-24 18:47:52 +02:00
filter: blur(6px);
}