* {
    margin: 0;
    border: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background-color: darkred;
    text-align: center;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif  
}
h1 {
    height: 400px;
    line-height: 350px;
    margin: 20px 0px;
    color: white;
    text-align: left;
    text-indent: 5%;
    position: relative;

    background-image: url(/Images/volcano.jpg);
    background-size: cover;
    background-position: center 15%;
}
h1>span {
    background-color: hsla(1000, 100%, 5%, .3);
    padding: 8px;
    text-shadow: 0px 0px 5px grey;
}
section:nth-child(1) {
    border: 4px solid black;
    margin: 14px;
}
.google {
    width: 40px; height: 40px;
    margin: 30px auto;
}
div.google a {
    display: block;
    width: 100%; height: 100%;
    border: 4px solid black;
    border-radius: 50%;
}
div.google img {
    display: block;
    width: 40px; height: 40px;
    margin: 0px auto;
    padding-right: 7px;
    padding-bottom: 7px;    
}
div.google a:hover {
    background-color: red;
}
.index {
    width: 40px; height: 40px;
    margin: 30px auto;
}
div.index a {
    display: block;
    width: 100%; height: 100%;
    border: 4px solid black;
    border-radius: 50%;
}
div.index img {
    display: block;
    width: 40px; height: 40px;
    margin: 0px auto;
    padding-right: 7px;
    padding-bottom: 7px;    
}
div.index a:hover {
    background-color: red;
}
.about {
    width: 40px; height: 40px;
    margin: 30px auto;
}
div.about a {
    display: block;
    width: 100%; height: 100%;
    border: 4px solid black;
    border-radius: 50%;
}
div.about img {
    display: block;
    width: 40px; height: 40px;
    margin: 0px auto;
    padding-right: 7px;
    padding-bottom: 7px;    
}
div.about a:hover {
    background-color: red;   
}
section:nth-child(2) {
    border: 4px solid black;
    margin: 14px;
    min-height: 500px;
    background-image: url(/Images/dragondoor\ .jpg);
    background-position: center center;
    background-size: 80%;
}
section:nth-child(3) {
    border: 4px solid black;
    margin: 14px;
    min-height: 700px;
    background-image: url(/Images/trees-silhouette-white.png), url(/Images/dicemap.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: 100%, 100%;
    background-attachment: scroll, fixed;
}
section:nth-child(4) {
    border: 4px;
    margin: 14px;
    min-height: 500px;
    background-image: url(/Images/volcano.jpg);
    background-size: cover;
    background-attachment: fixed;
}
section:nth-child(5) {
    border: 4px solid black;
    margin: 14px;
    min-height: 500px;
    background-image: linear-gradient(140deg, gray, darkred);
}