p {
    src: url(Fonts/comic.ttf);
}
body
{
    background-image: url(star.png);
    color: black;
}
@font-face {
    font-family: Comical Sans;
    src: url(Fonts/comic.ttf);
}
.picturebox {
    border: 5px solid white;
    border-radius: 25px;
    color: white;
    background-image: url("Minceraft/cobbleback.png");
    font-family: Comical Sans;
    src: url(Fonts/comic.ttf);
    width: 350px; /* Sets the width of the box */
    height: 350px; /* Sets the height of the box */
    padding: 20px; /* Adds space between content and border */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); /* Adds a subtle shadow */
    text-align: center; /* Centers the text inside the box */
}
.picturerow {
  padding-top: 10px;
  padding-bottom: 10px;
  align-items: center;
  justify-content: center;
  display: flex; /* Makes the container a flex container */
}
.text-box {
    border: 2px solid #333; /* Adds a solid border */
    padding: 20px; /* Adds space between content and border */
    background-color: #f0f0f0; /* Sets a light grey background */
    width: 70%; /* Sets the width of the box */
    margin: 20px auto; /* Centers the box horizontally and adds vertical margin */
    border-radius: 8px; /* Rounds the corners of the box */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); /* Adds a subtle shadow */
}
a:link {
    color: blue;
  }
  
  a:visited {
    color: cornflowerblue;
  }
  
  a:hover {
    color: deepskyblue;
    text-decoration: wavy;
  }
  
  a:active {
    color: wheat;
    text-decoration: dotted;
  }
    .container {
      display: flex; /* Makes the container a flex container */
      align-items: stretch; /* Default, but explicitly ensures items stretch to fill height */
    }