@import url('style.css');

.center-area{
    display: flex;
    flex-direction: row;
    align-items: center; /* Centers content horizontally */
    justify-content: center; /* Centers content vertically */
    width: 100%;
    height: 100vh; /* Full viewport height */
}


.block img{
  width: 100%; /* Changed from 120% */
  max-width: 500px; /* Set maximum width */
  height: auto;
  flex-shrink: 0; /* Prevent image from shrinking */
  margin-right: 20px;
  border: solid;
  border-width: 10px;
  border-image: url(border-image2.png) 30 round;
}



.block {
  display: flex;
  gap: 30px; /* Space between image and text */
  flex-direction: row;
  background-color: rgba(225, 246, 255, 0.8);

  margin: 60px;
  padding: 20px;
  color: rgb(106, 69, 84); /* text color */
  border: solid;
  border-radius: 6px;
  border-image: url(border-image.png) 30 round;

  align-items: flex-start; /* Align items to top */
  padding: 30px; /* Increased padding */
  overflow: hidden; /* Prevent content from overflowing */
}

.block-text{
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centers text vertically */
    flex: 1; /* Allows text to take remaining space */
}

.main-content{
    flex-direction: column;
}

.block p{
    flex: 1; /* Allow text to take remaining space */
    min-width: 0; /* Fix flex text overflow */
    font-size: 25px;
    color:rgb(21, 30, 67);
}

.side-column {
    height: 140vh; /* Full viewport height */
    overflow-y: auto; /* Scroll if content exceeds height */
}

.block a{
    color: blueviolet;
    font-size: 23px;
    text-decoration: none; /* Remove underline */
    font-style: italic;
}