:root{ /*sizes for window ~1145px wide 1305px tall */
    --headerFontSize: 50px;
    --textDecoThickness: 3px;
    --margin: 20px;
    --imgBorderWidth: 5px;
    --textFontSize: 16px;
    --textMarginRight: 30px;
    --textMarginTop: 3px;
    --buttonFontSize: 10px;
    --buttonWidth: 150px;
    --buttonMargin: 10px;
    --buttonBorderWidth: 2px;
    --homeButtonWidth: 83px;
    --buttonPadding: 3px;
    --spanWidth: 800px;
    --spanPaddingTop: 4px;
    --spanPaddingBottom: 2px;
    --homepageHeaderPadding: 10px;
    --homepageHeaderFontSize: 50px;
}

body {background-color: #ffd4ea;}

h1 {text-align: center;
    font-family: Cambria;
    font-weight: 700;
    text-decoration-line: underline;
    text-decoration-style: solid;
    font-size: var(--headerFontSize);
    text-decoration-thickness: var(--textDecoThickness);}

h1.homepage {font-family:'Brush Script MT';
            font-size: var(--homepageHeaderFontSize);
            background-color: #83b983;
            color: #ffffff;
            padding-top: var(--homepageHeaderPadding);
            padding-bottom: var(--homepageHeaderPadding);
            border-bottom: var(--buttonBorderWidth) solid firebrick;
            margin: -10px -20px 45px;}

img {width: 25%;
    height: auto;
    margin-left: var(--margin);
    margin-right: var(--margin);
    border: var(--imgBorderWidth) solid firebrick; 
    border-style: outset;
    float: left;}

img.homepage {float: None;
              display: block;
              margin: auto;
              width: 35%;} /*remember to change value on Script.js l24 (const imgWidth = window.innerWidth*n;) as well*/

p {font-family: Verdana;
   font-size: var(--textFontSize);
   margin-left: var(--margin);
   margin-right: var(--textMarginRight);
   margin-top: var(--textMarginTop);}

button {margin-left: var(--buttonMargin);
        background-color: #83b983;
        text-align: center;
        font-family: Verdana;
        font-size: var(--buttonFontSize);
        border: var(--buttonBorderWidth);
        border-style: outset;
        border-color: firebrick;
        padding: var(--buttonPadding);
        width: var(--buttonWidth);}

button.leftEdge {margin-left: var(--margin);}

button.homeButton {width: var(--homeButtonWidth);}

button.span {width: var(--spanWidth);
             padding-top: var(--spanPaddingTop);
             padding-bottom: var(--spanPaddingBottom);
             font-family: 'Brush Script MT';
             letter-spacing: 2px;
             color:#ffffff;}