add style.css

[Clouderun]

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

• {
  font-family: 'Raleway';
  }

.banner-content {
width: Hug (510px)px;
height: Hug (393px)px;
top: 56px;
left: 465px;
gap: 16px;
opacity: 0px;
}
.banner h1 {
font-size: 2.5rem;
font-weight: 900;
text-transform: uppercase;
color: transparent;
background: -webkit-linear-gradient(#33A8DB, #1472B7);
background-clip: text;
-webkit-background-clip: text;
}
.banner p{
font-family: 'Raleway', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 23.48px;
text-align: center;
color: #FFFFFF;
}
.banner {
width: 1440px;
height: 605px;
border-bottom: 1px solid #33a8db;
background-image: linear-gradient(0deg, rgba(4,4,4,1)0%, rgba(16,39,53,0.6)50%, rgba(4,4,4,0.5)100%),url('./assets/images/banner.png');
background-size: cover;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.banner .logo img {
margin: auto;
width: 268px;
height: 268px;
gap: 0px;
opacity: 0px;
object-fit: contain;
}
.banner .banner-content button {
color: #31A8DD;
font-size: 1rem;
font-weight: bold;
padding: 16px 32px;
text-transform: uppercase;
letter-spacing: 4px;
background-color: transparent;
border-image: linear-gradient(#3BA1CD, #1572B7);
border-image-slice: 10;
border-radius: 30px;
}
.banner .banner-content button:hover{
background-color: black;
border-radius: 0;
}
.banner .banner-content button:active{
background-color:#0c2536;
border-radius: 0;
}
body {
background-color: black;
}
.banner {
background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(49, 168, 221, .2), rgba(0, 0, 0, .6)), url(../images/banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 600px;
padding-top: 60px;
border-bottom: 1px solid #33A8DB80;
}
.banner .banner-content {
color: white;
width: 600px;
margin: auto;
text-align: center;
}
#course-content {
width: 800px;
text-align: center;
}
section {
margin: 100px auto;
}
h2 {
font-size: 2rem;
color: #33A8DB;
font-weight: bold;
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 24px;
}
p {
color: white;
}
#course-content .modules-list {
margin: 24px 0;
}
#course-content .modules-list .module {
color: white;
width: 530px;
margin: 0 auto 24px;
border: 1px solid #33A8DB;
background-color: #252525;
padding: 16px;
border-radius: 100px;
box-shadow: inset -5px 6px 8px rgba(0, 0, 0, .7);
}
#course-content .modules-list .module span {
color: #33A8DB;
}
#course-content .modules-list .module:hover{
background-color: black;
}
#transform-world {
height: 560px;
background-size: cover;
background-image: url(../images/woman-code.png);
background-attachment: fixed;
border-top: 1px solid #33A8DB80;
border-bottom: 1px solid #33A8DB80;
padding: 200px;
}
#transform-world p {
font-weight: 900;
font-size: 2.5rem;
text-transform: lowercase;
max-width: 250px;
max-height: 141px;
text-shadow: 3px 2px #33A8DB;
}
#professional-challenges {
text-align: center;
width: 800px;
}
section {
margin: 100px auto;
}
h2 {
font-size: 2rem;
color: #33A8DB;
font-weight: bold;
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 24px;
}
#professional-challenges img {
margin: 32px 0;
}
footer {
padding: 60px 0;
text-align: center;
background-image: linear-gradient(rgba(50, 168, 219, .0), rgba(50, 168, 219, .2));
border-top: 1px solid #33A8DB80;
}
footer .dio-logo {
width: 300px;

}
footer a {
color: #33A8DB;
font-weight: bold;
text-decoration: none;
}

[Clouderun]

Este é o css para o site