#mySummer{ margin-left:auto; margin-right:auto; margin-top:100px; height:300px; width:500px; z-index:999; background-color:#fff; opacity:.75; padding:10px; font-family:garamond; font-size:64px; color: navy; text-align: center; display: flex; align-items: center; justify-content: center;
} #banner{ width:1000px; padding:10px; margin-right:auto; margin-left:auto; margin-top:2px; background-color:#fff; opacity:.75; font-size:72px; font-family:garamond; color:navy; z-index:999; text-align: center; } #myPic{ position:fixed; top:0px; left:0px; height:100%; width:100%; z-index:-999; } #credits{ position:fixed; bottom:10px; font-family: garamond; font-size:12px; color:#000; z-index:999; background-color:#fff; opacity:.75; } a{ font-family:garamond; font-size:12px; color:#000; }
/*Increased the width of the top banner, decreased the height of the body, increased the margin of the body, increased the padding, centered the banner and body, changed the font and text color*/