@font-face {
  font-family: 'Heart Sweet'; /* A name to reference the font later in CSS */
  src: url('https://blossomsworld.neocities.org/Heart%20Sweet.ttf');
  font-weight: normal; /* Optional: defines the weight */
  font-style: normal; /* Optional: defines the style */
}
h1 {
    align-content: center;
    width: 500px;
    height: 35px; 
    background-image: linear-gradient(to bottom, #ff86c3, #ffc0e0);
    background-size: 200px;
    border-radius: 9px;
    color: aqua;
    font-family: "Heart Sweet", sans-serif; 
    font-size: 30px;
}

p {
    align-content: center;
    width: 500px;
    height: auto; 
    background-image: linear-gradient(to bottom, #7d00c8, #f658a8);
    background-size: 15px;
    border-radius: 10px;
    color: aqua;
    font-family: "Heart Sweet", sans-serif; 
    font-size: 30px;
}

body {
    align-content: center;
    background-image: url("https://blossomsworld.neocities.org/websitebackground1.png");
    background-size: fill; 
    text-align: center;
}

ul {
    align-content: center;
	letter-spacing: 2px;
  margin-bottom: 15px;
	text-align: center;
    font-family: "Heart Sweet", sans-serif; 
    margin: 36px;
    word-spacing: 6px;
}

a:link {
    color: pink;
}

a:visited {
    color: #ffc0e0;
    word-spacing: 33px; 
}

.starryitems {
    display: grid;
    gap: 1px;
    width: 500px;
    background-color: #ccfefe;
    padding: 6px;
    border: 3px solid #ffc0e0;
    margin: 2px;
    border-radius: 16px;
    box-sizing: border-box;
}

.starry {
    display: grid;
    gap: 3px;
    width: 500px;
    background-color: #ccfefe;
    padding: 6px;
    border: 3px solid #ffc0e0;
    margin: 2px;
    border-radius: 16px;
    box-sizing: border-box;
}

.info {
     align-content: normal;
    gap: 3px;
    width: 512px;
    background-color: #ccfefe;
    padding: 4px;
    border: 3px solid #ffc0e0;
    margin: 2px;
    border-radius: 16px;
    box-sizing: border-box;
}

.des1{
 text-align: center;
    margin: auto;
    word-spacing: auto;
    line-height: 1.4; 
}


.des2 {
 text-align: center;
    word-spacing: auto;
    line-height: 1.4; 
}

.renderinfo {
  width: 50%;       /* Makes the image responsive within its container */
  height: auto;      /* Maintains the aspect ratio */
  border: 6px solid #ffc0e0; /* Adds a light grey border */
  border-radius: 8px; /* Rounds the corners */
  display: block;    /* Centers the image using margins */
    margin:auto;
    margin-bottom: 12px;
    white-space: 2px;
}

.logo {
  width: 60%;       /* Makes the image responsive within its container */
  height: 90%;      /* Maintains the aspect ratio */
  border: 6px solid #ffc0e0; /* Adds a light grey border */
  border-radius: 8px; /* Rounds the corners */
  display: block;    /* Centers the image using margins */
    margin:auto;
    margin-bottom: auto;
    white-space: px;
}

.starry1 {
    width: 50%;       /* Makes the image responsive within its container */
  height: auto;      /* Maintains the aspect ratio */
  border: 6px solid #ffc0e0; /* Adds a light grey border */
  border-radius: 8px; /* Rounds the corners */
  display: block;    /* Centers the image using margins */
    margin:auto;
    margin-bottom: 12px;
    white-space: 2px;
    
}