.page-1{ 
    background-image:url('../assets/corgileft.gif'); background-repeat:repeat;
    background-color: rgb(231, 192, 145);
    font: italic 1em 'Lucidia Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

.page-2{ 
    background-image:url('../assets/corgiright.gif'); background-repeat:repeat;
    background-color: rgb(231, 192, 145);
    font: italic 1em 'Lucidia Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

.page-3{ 
    background-image:url('../assets/corgileft.gif'); background-repeat:repeat;
    background-color: rgb(231, 192, 145);
    font: italic 1em 'Lucidia Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}
.title-box-pg1{
    color: whitesmoke;
    border: 2px solid black;
    background-color: rgba(126, 105, 53, 0.75);    
    border-radius: 5px;
    border-width: 3px;
    padding-left: 2px;
    text-align: center;
}

.title-box-pg2{
    color: white;
    border: 2px solid black;
    background-color: rgba(126, 105, 53, 0.75);    
    border-radius: 5px;
    border-width: 3px;
    max-width: 35%;
    text-align: center;
}

.title-box-pg3{
    color: white;
    border: 2px solid black;
    background-color: rgba(126, 105, 53, 0.75);    
    border-radius: 5px;
    border-width: 3px;
    max-width: 35%;
    text-align: center;
}

.intro-box{
    color: rgb(63, 63, 63);
    border: 2px solid black;
    background-color: rgba(211, 211, 211, 0.75);
    border-radius: 5px;
    padding-left: 2px;
    margin-top: 5px;
}

.step-1{
    color: rgb(63, 63, 63);
    border: 2px solid black;
    background-color: rgba(211, 211, 211, 0.75);
    border-radius: 5px;
    padding-left: 2px;
    margin-top: 5px;
}

.step-2{
    color: rgb(63, 63, 63);
    border: 2px solid black;
    background-color: rgba(209, 209, 209, 0.75);
    border-radius: 5px;
    padding-left: 2px;
    margin-top: 5px;
}

.step-3{
    color: rgb(63, 63, 63);
    border: 2px solid black;
    background-color: rgba(209, 209, 209, 0.75);
    border-radius: 5px;
    padding-left: 2px;
    margin-top: 5px;
}

.step-4{
    color: rgb(63, 63, 63);
    border: 2px solid black;
    background-color: rgba(209, 209, 209, 0.75);
    border-radius: 5px;
    padding-left: 2px;
    margin-top: 5px;
}

.step-5{
    color: rgb(63, 63, 63);
    border: 2px solid black;
    background-color: rgba(209, 209, 209, 0.75);
    border-radius: 5px;
    padding-left: 2px;
    margin-top: 5px;
}

.step-6{
    color: rgb(63, 63, 63);
    border: 2px solid black;
    background-color: rgba(209, 209, 209, 0.75);
    border-radius: 5px;
    padding-left: 2px;
    margin-top: 5px;
}

.step-7{
    color: rgb(63, 63, 63);
    border: 2px solid black;
    background-color: rgba(209, 209, 209, 0.75);
    border-radius: 5px;
    padding-left: 2px;
    margin-top: 5px;
}

.step-8{
    color: rgb(63, 63, 63);
    border: 2px solid black;
    background-color: rgba(209, 209, 209, 0.75);
    border-radius: 5px;
    padding-left: 2px;
    margin-top: 5px;
}

.step-9{
    color: rgb(63, 63, 63);
    border: 2px solid black;
    background-color: rgba(209, 209, 209, 0.75);
    border-radius: 5px;
    padding-left: 2px;
    margin-top: 5px;
}

.navigation-bar{
    float: left;
    width: 33%;
}
.navigation-bar a{
    text-decoration: none;
   color: white;
}

.nav-home-button{
   float: left; 
   border: 2px solid black;
   background-color: rgb(168, 142, 74, 0.75);
    width: 34%;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 5px;
}

.nav-pg1-button{
   float:left;
   border: 2px solid black;
   background-color: rgb(168, 142, 74, 0.75);
   width: 33%;
   box-sizing: border-box;
    font-size: 14px;
    border-radius: 5px;
}

.nav-pg2-button{
    float:left;
   border: 2px solid black;
   background-color: rgb(168, 142, 74, 0.75);
   width: 33%;
   box-sizing: border-box;
   font-size: 14px; 
   border-radius: 5px;
}
.navigation-bar{
    position: absolute;
    top: 20px;
    left: 20px;
    text-align: center;

}

.next-page{
    float:left;
   border: 2px solid black;
   background-color: rgb(168, 142, 74, 0.75);
   width: 15%;
   box-sizing: border-box;
   font-size: 14px; 
   border-radius: 5px;
   margin: 5px;
   text-align: center;
   position: absolute; right: 0%;
}

.next-page a{
    text-decoration: none;
   color: whitesmoke;
}

.previous-page{
    float:left;
   border: 2px solid black;
   background-color: rgb(168, 142, 74, 0.75);
   width: 15%;
   box-sizing: border-box;
   font-size: 14px; 
   border-radius: 5px;
   margin: 5px;
   text-align: center;
}

.previous-page a{
    text-decoration: none;
   color: whitesmoke;
}

.home-page{
    float:left;
   border: 2px solid black;
   background-color: rgb(168, 142, 74, 0.75);
   width: 15%;
   box-sizing: border-box;
   font-size: 14px; 
   border-radius: 5px;
   margin: 5px;
   text-align: center;
   position: absolute; right: 0%;
}

.home-page a{
    text-decoration: none;
   color: whitesmoke;
}