digital-theory/css/4-content.css
2023-04-25 14:59:51 +02:00

82 lines
1.2 KiB
CSS

#content_all {
position: relative;
top: 200vh;
padding-top: 100px;
color: #FFFDFC;
}
#content_all_img{
background: url('/img/bg_content.png');
background-size: cover;
}
#content_all .columns {
margin: 0 auto;
max-width: 80vw;
}
#content_all .text {
padding-top: 1vh;
padding-left: 80px;
}
#content_all .color-emphasis {
color: #1E33DA;
}
#content-1 h2,
#content-2 h2,
#content-3 h2,
#content-4 h2 {
margin-left: 10vw;
}
#content {
height: 200px;
min-height: 200px;
}
#content h2 {
margin-top: 33vh;
}
#content_first {
opacity: 0;
width: 1680px;
height: 35px;
margin-bottom: 40px;
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 95%;
text-align: center;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #E77064;
backdrop-filter: blur(5px);
flex: none;
order: 0;
flex-grow: 0;
}
#content_second {
opacity: 0;
margin-bottom: 100px;
width: 1680px;
height: 170px;
font-family: 'GT Walsheim Pro';
font-style: normal;
font-weight: 700;
font-size: 230px;
line-height: 65px;
text-align: center;
color: rgba(255, 255, 255, 0.35);
backdrop-filter: blur(5px);
flex: none;
order: 1;
flex-grow: 0;
}