body{
    /* This is the background image */
    background-image: url("Screenshot\ 2025-08-22\ 185455.png");
}

h1 {
    /* color of the letters*/
    color: darkblue;
    /* Aligns the text to the center */
    text-align: center;
    /* Changes the font size to 100px */
    font-size: 100px;
    /* Changes the weight or boldness of the text */
    font-weight: 50;
    /* makes the border width 0.25 in */
    border-width: 0.25in;
    /* changes the style of the border */
    border-style: ridge;
    /* changes the color of the border*/
    border-color: rgb(247, 234, 95);
    /* changes the background color of the text inside the border*/
    background-color: rgb(204, 243, 202);
}

.p1{
    /* Aligns the text to the left*/
    text-align: left;
    /* gives the paragraph and border a margin or distance of 40px from the line break */
    margin-bottom: 40px;
    /* changes the height and width of the text box using pixels*/
    width: 200px;  height: 200px;
    /* gives the content inside of the textbox space from the border */
  padding: 10px;
  /* makes the border 5px wide and a solid blue color*/
  border: 5px solid blue;  
  /* makes the background color of the text box white */
  background-color: white;
  
  
}

#quince {
    /* moves the image to be inline with the paragraph*/
    display:inline-block;
    /* gives the border a width of .20 in */
    border-width: 0.20in;
    /* gives the border a different style */
    border-style: ridge;
    /* changes the color of the border */
    border-color: rgb(247, 234, 95);
    /* moves the image 240 pixels away from the left side*/
    margin-left: 240px;
    /* moves the image -7.5cm away from the top of the page */
    margin-top: -7.5cm;
   
}

.obvi{
    /* aligns the text to the center */
    text-align: center;
    /* moves the paragraph up 40px */
    margin-bottom: 40px;
    /* moves the paragraph 890 pixels away from the left side of the screen */
    margin-left: 890px;
    /* moves the paragraph -11.4cm from the top of the screen*/
    margin-top: -11.4cm;
    /* chnages the width and height of the text box */
    width: 100px; height: 100px;
    /* gives the content inside of the text box a padding of 5px*/
    padding:10px;
    /* makes the border 5 pixels wide and a solid blue */
    border: 5px solid blue;
    /* makes the background color of the text box white */
    background-color:white; 
}

#babyGiselle{
    /* moves the image to be inline with the paragraph and other objects */
    display:inline-block;
    /* changes the border width to 0.20 in */
    border-width: 0.20in;
    /* changes the style of the border */
    border-style:ridge;
    /* changes the color of the border */
    border-color: rgb(247,234,95);
    /* moves the image 1030 pixels away from the left side of the screen */
    margin-left: 1030px;
    /* moves the image -4.8 cm away from the top of the screen */
    margin-top:-4.8cm;
    /* changes the width and the height of the image */
    width: 300px;
    height: 410px;
}

.p2{
    /* aligns the text to the center */
    text-align: center;
    /* gives it a border of 5px and makes it a solid blue */
    border: 5px solid blue;
    /* makes the background of the text box white */
    background-color: white;
    /* gives the content in the box a padding of 5 px */
    padding: 5px
}

#certificate{
    /* moves the image to the center */
    display:block;
    /* gives it a border of 0.20 in */
    border-width: 0.20in;
    /* gives the border a different style */
    border-style: ridge;
    /* changes the color of the border */
    border-color: rgb(247,234,95);
    /* allows the picture to be centered */
    margin: auto;
    /* changes the measurement of the picture to 70% of it's original size */
    width:70%;
}

.p3{
    /* aligns the text to the center */
    text-align:center;
    /* gives it  a border of 5 px and makes it a solid blue color */
    border: 5px solid blue;
    /* gives the text box a backtground color of white*/
    background-color: white;
    /* gives the content inside the text box a padding of 5px */
    padding:5px;
}

#money{
    /* changes the height and width of the picture */
    width:600px;
    height: 600px;
    /* aligns the image to the center */
    display: block;
    /* gives the border a widht of 0.20 in */
    border-width: 0.20in;
    /* gives the border a different style */
    border-style: ridge;
    /* changes the color of the border */
    border-color: rgb(247,234,95);
    /* aligns the image to the center*/
    margin: auto;

    
    
}