66 lines
862 B
CSS
66 lines
862 B
CSS
.container {
|
|
display: flex;
|
|
}
|
|
|
|
.left-section {
|
|
width: 60%;
|
|
}
|
|
|
|
.logo-section {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
height: 250px;
|
|
}
|
|
|
|
.logo-section img {
|
|
width: 250px;
|
|
margin-left: 50px;
|
|
}
|
|
|
|
.text-section {
|
|
margin-left: 50px;
|
|
}
|
|
|
|
.title {
|
|
font-size: 128px;
|
|
margin: 0;
|
|
line-height: 1;
|
|
text-wrap: balance;
|
|
}
|
|
|
|
.tagline {
|
|
display: flex;
|
|
font-size: 36px;
|
|
font-weight: bold;
|
|
width: 500px;
|
|
}
|
|
|
|
.tagline .green-text {
|
|
color: var(--green-clr);
|
|
}
|
|
|
|
.tagline .normal-text {
|
|
margin-left: 7px;
|
|
}
|
|
|
|
.content-box {
|
|
background-color: var(--background-accent-clr);
|
|
margin: 50px 20px 20px;
|
|
padding: 20px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.content-box p {
|
|
margin: 0;
|
|
}
|
|
|
|
.content-box .intro-text {
|
|
font-weight: bolder;
|
|
font-size: 28px;
|
|
}
|
|
|
|
.server-image {
|
|
width: 500px;
|
|
height: 500px;
|
|
}
|