body{
    background-color: lightgray;
}

.wrapper {
    background-color: rgb(22, 55, 125);
    width: 1000px;
    height: 1200px;
    border: 0px black solid;
    border-radius: 8px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.banner {
    background-color: rgb(167, 184, 223);
    width: 920px;
    height: 120px;
    border: 0px black solid;
    border-radius: 0px;
    padding:20px;
    margin:20px;
    position:absolute;
    top:0px;
}

.content {
    background-color: rgb(167, 184, 223);
    width:920px;
    height:940px;
    border: 0px black solid;
    border-radius: 0px;
    padding: 20px;
    margin: 20px;
    position: absolute;
    top: 180px;
    left: 10px;
}

#back{
    position: absolute;
    top: 800px;
    left: 80px;
    background-color: rgb(22, 55, 125);
    width: 200px;
    height: 90px;
    border: 0px white solid;
    border-radius: 100px;
    padding: 10px;
    margin: 10px;
    transition: .3s;
}

#back:hover{
    transform: rotate(-10deg) scale(1.1);
}

#next{
    position:absolute;
    top: 800px;
    left: 600px;
    background-color: rgb(22, 55, 125);
    width: 200px;
    height: 90px;
    border: 0px white solid;
    border-radius: 100px;
    padding: 10px;
    margin: 10px;
    transition: .3s;
}

#next:hover{
    transform: rotate(10deg) scale(1.1);
}

.pic{
    height: 300px;
    transition: .5s;
    display:block;
    margin: 0 auto;
    border: 10px solid rgb(22, 55, 125);
}

.pic2{
    height: 400px;
    transition: .5s;
    display:block;
    margin: 0 auto;
    border: 10px solid rgb(22, 55, 125);
}

.pic3{
    height: 400px;
    transition: .5s;
    display:block;
    margin: 0 auto;
    border: 10px solid rgb(22, 55, 125);
}

h1{
    font-family:helvetica, arial, sans-serif;
    color:white;
    font-size: 70px;
    margin-top: -15px;
    margin-left: 40px;
    text-align: center;
}

h2{
    font-family: fantasy;
    color:white;
    font-size: 80px;
    margin: 5px;
    text-align: center;
    padding: 5px;
}

h3{
    font-family:fantasy;
    color:rgb(255, 255, 255);
    font-size: 40px;
    margin-top:24px;
    text-align: center;
}

p{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color:white;
    font-size:26px;
    width: 600px;
    height: 500px;
    margin-left: 150px;
    text-align: center;
}

.BH{
    width: 150px;
    height: 150px;
    margin-right:20px;
    text-align: center;
}