body {
    font-family: "Papyrus", fantasy;
    font-size: 18px;
    font-weight: bold;
    margin: 150px;
    background-image: url('background.jpg');

    /* Prevent the image from repeating like a grid pattern */
    background-repeat: no-repeat;

    /* Center the background image horizontally and vertically */
    background-position: center center;

    /* Lock the image in place so it stays static during page scroll */
    background-attachment: fixed;

    /* Scale the image to scale nicely and cover the entire screen */
    background-size: cover;

    /* Add a backup color if your background asset fails to load */
    background-color: #2c3e50;

    /* Ensure there is no accidental edge spacing */
    margin: 80;
    padding: 65;
}

/* PAGE SECTIONS */
.page {
    display: flex;
    gap: 25px;
}


/* LEFT SECTIONS */

section {
  /* 4rem top and bottom padding, 2rem left and right padding */
  padding: 1rem 0rem; 
  display: flex;
  justify-content: center;
}

/* Backgrounds stay seamless because padding is inside the element */
.promo-section {
  background-color: #f4f4f4;
}

.info-section {
  background-color: #ffffff;
}
/* top box */
.left-section {
    width: 200px;
    padding-top: 20px;

}

/* text box 1*/
.textbox1 {
    
    /* dimensions */
    width: 225px;
    height: auto;

    /* sizing behavior */
    box-sizing: border-box;

    /* internal spacing and frame */
    padding-bottom: 15px;
    border: 10px solid #6b747d;
    background-color: #eacbed;
    
    /* background and text styling */
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.2em;
    line-height: .5;
    color: #4e5357;

    /* external spacing */
    margin: 0px;
}

/* text box main*/
.textboxmain {
    
    /* dimensions */
    width: 225px;
    height: 500px;

    /* sizing behavior */
    box-sizing: border-box;

    /* internal spacing and frame */
    padding-top: 25px;
    border: 10px solid #6b747d;
    background-color: #eacbed;
    
    /* background and text styling */
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.2em;
    line-height: .5;
    color: #4e5357;

    /* external spacing */
    margin: 0px;
}


/* END LEFT SECTION */

/* MIDDLE SECTION */
/* text box main*/

.middlebox1 {
    
    /* dimensions */
    width: 650px;
    height: 500px;

    /* sizing behavior */
    box-sizing: border-box;

    /* internal spacing and frame */
    padding: 15px;
    border: 10px solid #6b747d;
    background-color: #95a3af;
    
    /* background and text styling */
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.2em;
    line-height: .5;
    color: #4e5357;

    /* external spacing */
    margin: 0px;
}
.box2 {
    
    /* dimensions */
    width: 650px;
    height: 0px;

    /* sizing behavior */
    box-sizing: border-box;

    /* internal spacing and frame */
    padding: 20px;
    
    /* background and text styling */
    text-align: center;
    color: #4e5357;

    /* external spacing */
    margin: 0px;
}

/* picture */
.quote {
   font-style: italic;
}

/* outer box */
.right-section {
    width: 500px;

}

/* scroll box */
div.myspace-scroll-box {
height:200px;
width:450px;
text-align: center;
font:20pt/30pt "Papyrus", fantasy;
overflow:scroll;
margin: auto;
padding-top: 20px;
color: #4e5357;

}

/* name */
.line2 {
    width: 650px;
    text-align: center;

}
/* END MIDDLE SECTION */

/* RIGHT SECETION */
/* top box */
.right-section {
    width: 200px;
    padding-top: 20px;

}

/* text box mini */
.textbox3 {
    
    /* dimensions */
    width: 225px;
    height: auto;

    /* sizing behavior */
    box-sizing: border-box;

    /* internal spacing and frame */
    padding: 15px;
    border: 10px solid #6b747d;
    background-color: #eacbed;
    
    /* background and text styling */
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.2em;
    line-height: .5;
    color: #4e5357;

    /* external spacing */
    margin: 0px;
}

/* text box main */
.textboxmain3 {
    
    /* dimensions */
    width: 225px;
    height: 500px;

    /* sizing behavior */
    box-sizing: border-box;

    /* internal spacing and frame */
    padding: 15px;
    border: 10px solid #6b747d;
    background-color: #eacbed;
    
    /* background and text styling */
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.2em;
    line-height: .5;
    color: #4e5357;

    /* external spacing */
    margin: 0px;
}
/* END RIGHT SECTION */