html {
  font-size: 16px;
  font-family: 'Arial';
  background-image: url('otheruniverse.jpg');
    background-repeat: repeat; /* Optional: Prevents image repetition */;
    color: #6202ab
}

h1 {
  font-size: 60px;
  text-align: center;
  color: #0a02ac;
}

h2 {
  font-size: 50px;
  text-align: left;
}

h3 {
  font-size: 40px;
  text-align: left;
}

h4 {
  font-size: 30px;
  text-align: left;
}

h5 {
  font-size: 20px;
  text-align: left;
}

h6 {
  font-size: 10px;
  text-align: left;
}

p,
li {
  font-size: 10px;
  line-height: 2;
  letter-spacing: 1px;
}

html { 
  background-image: 'otheruniverse.jpg';
    background-repeat: no-repeat; /* Optional: Prevents image repetition */;
    color: #6202ab
    }

body {
  
  cursor: url('blob cursor.png'), auto; /* Uses the image, falls back to 'auto' if image fails */
  
  width: 900px;
  margin: 0 auto;
  background-color: #c398ef;
  
  padding: 0 20px 20px 20px;
  border: 3px solid black;
}
h1 {
  margin: 30px 100px; 
  padding: 20px 0;
  color: #0a02ac;
  text-shadow: 5px 3px 1px darkblue;
}



/* style.css */
.link-box {
    width: 300px; /* Set the width of the box */
    height: 200px; /* Set the height of the box */
    border: 2px solid #333; /* Add a border */
    padding: 20px; /* Add space between content and border */
    margin: 0 auto; /* Center the box horizontally and add top/bottom margin */
    background-color: #ffdd6b; /* Set a background color (#fffd6b) */
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
}
.link-box {
    width: 300px;
    height: 200px;
    border: 2px solid #333;
    padding: 20px;
    margin: 50px 20px;
    background-color: #fffd6b;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    display: inline-block;
    vertical-align: top;
}