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

75 lines
1022 B
CSS
Raw Permalink Normal View History

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