*{ box-sizing: border-box;}

/* Global styles for the document */
body {
    background-color: #1055E9;
    color: #FFFFFF;
    font-family: Verdana, Arial, sans-serif;
}

/* Styles for the header element */
header {
    background-color: #002171;
    color: #FFFFFF;
    font-family: Georgia, serif;
    height: 120px;
}

/* Styles for the h1 element */
h1 {font-size: 3em;
    letter-spacing: 0.25em;
    text-align: center;
    padding-top: 0.5em;
}

/* Styles for the nav element */
nav {float: left;
    width: 160px;
    font-weight: bold;
    padding: 0;
    background-color: #3CBCFD;
}

nav ul {
	list-style-type: none; /* No list markers */
	padding-left: 1em; /* Set left padding */
}

/* Remove underline from hyperlinks in nav */
nav a:link { color: #5C7FA3;
    text-decoration: none;
}

nav a:visited { color: #344873;
    text-decoration: none;
}

nav a:hover { color: #A52A2A;
    text-decoration: none;
}

/* Styles for the h2 element */
h2 {
    color: #FFFFFF;
    font-family: Georgia, serif;
}

/* Styles for the h3 element */
h3 {
    font-family: Georgia, serif;
}

/* Styles for the dt element */
dt {
    color: #002171;
    font-weight: bold;
}

/* Styles for a class named MegaMan */
.MegaMan {
    color: #1976D2;
    font-size: 1.2em;
}

/* Styles for the footer element */
footer {
    font-size: 0.70em;
    font-style: italic;
    text-align: center;
    padding: 1em;
}

/* Style rule for the wrapper ID */
#wrapper {
    background-image: https://wallpaper.forfun.com/fetch/f8/f8f85b370a16ce5eef790df4ae6a1f78.jpeg;
    min-width: 960px;
    max-width: 2048px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

/* Styles for the main element */
main {margin-left: 170px;
    padding-left: 2em;
    padding-right: 2em;
    display: block; /* For IE compatibility */
}

/* Styles for the Megahome ID */
#Megahome {
    height: 300px;
    background-image: url('https://external-preview.redd.it/oncIX5lq1zpkN-zrz45JEhatYCnG5CgI-qH9LwJrwhA.jpg?width=1080&crop=smart&auto=webp&s=7ed020c5fe6f7f553d77fbcf9747405c4623c3be');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: 170px;
}

/* Styles for the MegaverseResidents ID */
#MegaverseResidents {
    height: 300px;
    background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/104e8d06-54ec-48cc-bfc8-3fc6a40f40b3/dealg1e-816cb900-69ae-4ce2-b142-5d0e68eff810.png/v1/fill/w_1920,h_1242,q_80,strp/legacy__megaman_33rd_anniversary_art__by_ultimatemaverickx_dealg1e-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTI0MiIsInBhdGgiOiJcL2ZcLzEwNGU4ZDA2LTU0ZWMtNDhjYy1iZmM4LTNmYzZhNDBmNDBiM1wvZGVhbGcxZS04MTZjYjkwMC02OWFlLTRjZTItYjE0Mi01ZDBlNjhlZmY4MTAucG5nIiwid2lkdGgiOiI8PTE5MjAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.Ph2HPyJ98GVvZthp_tJe1DVANWWqEEVHmuNpsKHo7YI.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: 170px;
}

/* Styles for the MegaverseMaker ID */
#MegaverseMaker {
    height: 300px;
    background-image: url('https://upload.wikimedia.org/wikipedia/en/a/ad/Mega_man_maker.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: 170px;
}