body{

    font-family: 'Times New Roman', Times, serif;

    margin: 0;

    padding: 0;

}

.bg{

    width: 100%;
    height: 100vh;
    background-image: radial-gradient(#FFF78A, #FFC47E);

}


.header{

    padding: 12px;

    text-align: right;

}

.header a{

    margin: 0 5px;

    padding: 10px 20px;

    border: 3px solid #FFAD84;

    border-radius: 50px;

    color: #696646;

    text-decoration: none;

}

.header a:hover{

    color: #858259;

    border-color: #FFC47E;

}

li{

    font-family: 'Times New Roman', Times, serif;

    list-style-type: none;

    border: 3px solid;

    border-radius: 35px;

    border-color: #FFAD84;

    padding: 10px;

    float: right;

    margin: 0 10px;

    color: #858259;

}

li:hover{

    font-size: large;

    background-color: #FFAD84;

}

.body{

    float: right;

    margin-left:50px;

    margin-top: 100px;

    position: fixed;

}

.hipDog{

    width: 500px;

    height: 300px;

    float: right;

    margin: 10px;

    border-radius: 200px;

    background-color: #696646;

}

h1{

    margin: 10px 0;

    color: #696646;

}

p{

    color: #858259;

    font-size: 20px;

    width: 50%;

}

.buttonWalk{

    color: #696646;

    border-color: #FFC47E;

    border-radius: 25px;

    padding: 10px;

    background-image: -webkit-linear-gradient(#FFAD84, #FFC47E);

    font-family: 'Times New Roman', Times, serif;

    font-size: x-large;

    

}


form{

    padding: 2%;

    text-align: left;

    background-image: -webkit-linear-gradient(#FFAD84, #FFC47E, #FFAD84);

    border-radius: 20px;

    width: 300px;

}

.messageContainer{

    display: flex;

    height: 100vh;

    align-items: center;

    justify-content: center;

}

label{

    display: block;

    margin: 10px;

}

input, textarea{

    width: 100%;

    padding: 8px;

    margin-bottom: 4px;

    box-sizing: border-box;

    border: none;

}

#submit{

    background-color: #B2F77D;

    color: #858259;

    padding: 10px;

    cursor: pointer;

    border: none

}

#submit:hover{

    background-color: #88D453;

}

.box1{
    width: 500px;
    height: 200px;
    background-image: -webkit-linear-gradient(#FFAD84, #FFC47E);
    align-items: center;
    justify-content: center;
    display: flex;
    margin-left: 200px;
    margin-bottom: 20px;
    border-radius: 30px;
}
.about1{
    text-align: center;
    font-size: medium;
}
.box3{
    width: 500px;
    height: 200px;
    background-image: -webkit-linear-gradient(Bottom, #FFAD84, #FFC47E);
    align-items: center;
    justify-content: center;
    display: flex;
    margin-left: 200px;
    border-radius: 30px;
}
.box2{
    width: 400px;
    height: 300px;
    background-image: -webkit-linear-gradient(Bottom, #FFAD84, #FFC47E);
    margin-left: 100px;
    margin-top: 150px;
    border-radius: 30px;
    float: left;
    border: 5px solid;
    border-color: #FFAD84;
}
.box4{
    width: 400px;
    height: 300px;
    background-image: -webkit-linear-gradient(Bottom, #FFAD84, #FFC47E);
    margin-left: 30px;
    margin-top: 150px;
    border-radius: 30px;
    float: left;
    border: 5px solid;
    border-color: #FFAD84;
}