body{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.header{
display: flex;
align-items: center;
justify-content: space-between;
padding: 50px 0;
}
.links{
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
background-color:rgb(98, 213, 121);
gap: 20px;
}
.links > a{
color: white;
font-size: 20px;
text-decoration: none;
}
.discover{
display: flex;
align-items: center;
justify-content: space-between;
}
.discoverText{
width: 50%;
display: flex;
flex-direction: column;
gap: 20px;
}
.discoverText > h1{
font-size: 45px;
margin: 0;
}
.discoverText > p{
font-size: 20px;
margin: 0;
}
.discoverText > button{
width: max-content;
padding: 15px 50px;
background-color: rgb(98, 213, 121);
border: none;
border-radius: 4px;
font-size: 20px;
color: white;
}
.purpleBlock{
margin-top: 30px;
background-color: rgb(141, 95, 197);
height: 350px;
display: flex;
align-items: center;
}
.putpleText{
color: white;
font-size: 35px;
margin: 0;
}
.purpleContainer{
width: 50%;
flex-direction: column;
gap: 20px;
padding-left: 400px;
}