<link href="https://fonts.googleapis.com/css?family=Roboto|Sorts+Mill+Goudy" rel="stylesheet">
<meta charset="UTF-8">
<title>Embedded Style Sheet</title>
<style type="text/css">
        body,html {
            height: auto;
            margin: 0%;
            padding-top: 2.5%;
            padding-left: 2.5%;
            padding-right: 3%;
        }
        ol li{
            display: inline;
                padding: 30px;
        }
.container {
    position: relative;
    text-align: center;
    color: white;
}
.centered {
position: absolute;
top: 30%;
left: 25%;
transform: skewY(10deg);
font-family: 'Sorts Mill Goudy', serif;
font-size: 70px;
font-weight: "bold";
}
.head {
text-align: center;
color: rgb(216,198,184); 
font-family: "Sorts Mill Goudy", serif;
font-size: 50px;
font-weight: "bold";
line-height: 200%;
padding-top: 10%;
}
.spec {
background-color: rgb(11,148,70);
float: right;
color: rgb(216,198,184); 
font-family: 'Sorts Mill Goudy', serif;
font-size: 25px;
list-style: circle;
line-height: 300%;
list-style-position: inside;
border-style: double; 
    border-width: 10px;
border-color: rgb(95,19,18);
    padding-bottom: 2%;
    padding-right: 2%;
        }
    .h3 {
        color: rgb(207,28,68); 
        font-family: 'Roboto', sans-serif; 
        font-size: 30px;
    }
    #h2 {
        color: rgb(11,148,70);
        font-family: 'Sorts Mill Goudy', serif;
        font-size: 45px;
    }
		.paragraph {
        font-family: 'Roboto', sans-serif;
        font-size: 25px;
         color: rgb(85,50,55);
    background-color: rgb(216,198,187);
         border-style: double;
         border-color: rgb(85,50,55);
         border-width: 10px;
}
    body {
        background-image: url("img.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        }
        #one {
            color: rgb(11,148,70);
       font-family: 'Sorts Mill Goudy', serif;
        font-size: 25px;
            padding-bottom: 20px;
        }
        a:link, a:visited {
    background-color: rgb(216,198,187);
    color: rgb(207,28,68);
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}
#h4 
        {
         font-family: 'Roboto', sans-serif;
            font-size: 20px;
        }

a:hover, a:active {
    background-color: rgb(124,87,63);
    color: white;
}
        .h1 { 
   font-family: 'Roboto', sans-serif; 
    font-size: 50px;
    text-decoration: underline;
    }
        .myslides {
            display: none;
            position: relative;
            padding: 4%;
            }
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;
}