html {
  background-color: #fedca8;
}

h1 {
    color: rgb(10, 10, 10); font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; text-decoration-line: underline;
}

h3 {
    color: rgb(8, 8, 8); 
    font-family: Arial, Helvetica, sans-serif;
  }

.activity1 {
    display: flex; /* Aligns child elements in a row */
    justify-content: space-around; /* Distributes space evenly between and around images */
    gap: 10px; /* Adds a gap between images */
}

.kr1 {
  border: 5px solid #000000; /* 5px width, solid style, black color */
  padding: 5px;             /* Optional: adds space between the image and the border */
  margin: 5px;              /* Optional: adds space outside the border */
  border-radius: 10px;      /* Optional: creates rounded corners */
}

.kr7 {
  border: 5px solid #000000; /* 5px width, solid style, black color */
  padding: 5px;             /* Optional: adds space between the image and the border */
  margin: 5px;              /* Optional: adds space outside the border */
  border-radius: 10px;      /* Optional: creates rounded corners */
}

.kr8 {
  border: 5px solid #000000; /* 5px width, solid style, black color */
  padding: 5px;             /* Optional: adds space between the image and the border */
  margin: 5px;              /* Optional: adds space outside the border */
  border-radius: 10px;      /* Optional: creates rounded corners */
}

.kr2 {
  border: 5px solid #000000; /* 5px width, solid style, black color */
  padding: 5px;             /* Optional: adds space between the image and the border */
  margin: 5px;              /* Optional: adds space outside the border */
  border-radius: 10px;      /* Optional: creates rounded corners */
}


.a12 {
      display: flex; /* Aligns child elements in a row */
    justify-content: space-around; /* Distributes space evenly between and around images */
    gap: 10px; /* Adds a gap between images */
}

.activity2 {
    display: flex; /* Aligns child elements in a row */
    justify-content: space-around; /* Distributes space evenly between and around images */
    gap: 10px; /* Adds a gap between images */
}

.bio {
  border: 5px solid #000000; /* 5px width, solid style, black color */
  padding: 5px;             /* Optional: adds space between the image and the border */
  margin: 5px;              /* Optional: adds space outside the border */
  border-radius: 10px;      /* Optional: creates rounded corners */
}


.screen {
  border: 5px solid #000000; /* 5px width, solid style, black color */
  padding: 5px;             /* Optional: adds space between the image and the border */
  margin: 5px;              /* Optional: adds space outside the border */
  border-radius: 10px;      /* Optional: creates rounded corners */
}

.activity4 {
    display: flex; /* Aligns child elements in a row */
}

.merge {
  border: 5px solid #000000; /* 5px width, solid style, black color */
  padding: 5px;             /* Optional: adds space between the image and the border */
  margin: 5px;              /* Optional: adds space outside the border */
  border-radius: 10px;      /* Optional: creates rounded corners */
}