/* Import Open Sans font */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');



body {

  font-family: 'Open Sans', sans-serif;

  margin: 0;

  padding: 0;

  text-align: center;

  background-color: #ffffff;

  color: #000000;

}



/* Container setup */

.container {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  max-width: 1200px;

  margin: 0 auto;

}



/* CreationL section */

.CL {

  background-color: #ffffff;

  padding: 2rem;

  box-sizing: border-box;

}



.CL img {

  max-width: 200px;

  height: auto;

  margin-bottom: 1rem;

}



.CL h1 {

  font-size: 2rem;

  margin-bottom: 1rem;

}



.CL p {

  font-size: 1rem;

  line-height: 1.5;

  margin-bottom: 1rem;

}



.CL .announcement {

  font-weight: 600;

  font-size: 1.1rem;

}



/* LASCANA section */

.LASCANA {

  background-color: #EFE2F2;

  padding: 2rem;

  box-sizing: border-box;

}



.LASCANA img {

  max-width: 250px;

  height: auto;

  margin: 1rem auto;

  display: block;

}



.LASCANA p {

  font-size: 1rem;

  line-height: 1.5;

  max-width: 500px;

  margin: 1rem auto;

}



/* Button styling */

.LASCANA button {

  background-color: #5D1F76;

  color: white;

  border: none;

  padding: 0.8rem 2rem;

  font-size: 1rem;

  font-weight: 600;

  border-radius: 5px;

  cursor: pointer;

  margin-top: 1rem;

}



.LASCANA button:hover {

  opacity: 0.9;

}



/* Responsive layout */

@media (min-width: 768px) {

  .container {

    flex-direction: row;

  }



  .CL {

    width: 33.33%;

    padding: 3rem 2rem;

  }



  .LASCANA {

    width: 66.66%;

    padding: 3rem 2rem;

  }



  .CL h1 {

    font-size: 2.2rem;

  }



  .LASCANA p {

    font-size: 1.05rem;

  }

}