body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background-color: red;
}

.content {
max-width: 1000px;
margin: 0 auto;
padding: 50px;
color: whitesmoke;
}
.main-title {
text-align: center;
font-size: 50px;
margin-top: 50px;
color: antiquewhite;
}
.two-columns {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 50px;

}
.column {
flex: 1;
}
.column h2 {
font-size: 25px;
margin-bottom: 20px;
}
.column p {
line-height: 2;
}



.inleiding {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 20px;
color: whitesmoke;
font-size: 20px;
line-height: 1.5;
}

.ai-intro .ai-types {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 25px;
color: antiquewhite;
font-size: 20px;
line-height: 2;
}
.ai-types ul {
padding-left: 20px;
}
.ai-types li {
margin-bottom: 15px;
}


.ai-gebruik, .ai-echt {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 25px;
color: antiquewhite;
font-size: 20px;
line-height: 2;
}
.ai-echt ul {
padding-left: 20px;
}
.ai-echt{
margin-bottom: 15px;
}

.vliegen {
opacity: 0;
transform: translateX(300px);
animation: vliegendevogel 1.5s ease-out forwards;
}

@keyframes vliegendevogel {
to {
opacity: 1;
transform: translateX(0);
}
}