*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
.main{
    height: 729px;
    width: 1536px;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: blueviolet;
}
.Head{
    height: 100px;
    width: 1536px;
    display: flex;
    justify-content :center;
    align-items: center;
    background-color:grey;
}
#Header{
    font-size: 50px;
    color:white;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    margin: 0px 100px 20px 0px ;
}
#Catbtn{
    height: 50px;
    width: 150px;
    color:white;
    background-color: black;
    font-size: 25px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin-right: 40px;
}
#design{
    color:white;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    margin: 0px 120px 20px 20px ;
    animation: Design 1s linear infinite ;
}
#Dogbtn{
    height: 50px;
    width: 150px;
    color:white;
    background-color: black;
    font-size: 25px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin-right: 40px;
}
#Foxbtn{
    height: 50px;
    width: 150px;
    color:white;
    background-color: black;
    font-size: 25px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin-left:10px;
    margin-right: 20px;
}
#Header:hover{
color: orange;
}
#Catbtn:hover{
    background-color: white;
    color: black;
}
#Dogbtn:hover{
    background-color: white;
    color: black;
}
#Foxbtn:hover{
    background-color: white;
    color: black;
}
#image{
    height: 550px;
    width: 800px;
    border-radius: 10px;
    margin-top: 50px;
}
@media only screen and (max-width: 400px) {
    .main {
      background-color: lightblue;
      width: 400px;
    }
    .Head{
        width: 400px;
    height: 70px; 
    } 
#Catbtn{
    height: 30px;
    width: 100px; 
    font-size: 15px;
    margin-right: 30px;
}
#Dogbtn{
    height: 30px;
    width: 100px; 
    font-size: 15px;
    margin-right: 30px;
}
#Foxbtn{
    height: 30px;
    width: 100px;
    font-size: 15px;
    margin-right: 30px;
}
#image{
    height: 350px;
    width: 350px;
    border-radius: 10px;
    margin-top: 30px;
}
#Header{
    font-size: 30px;
    color:white;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    margin: 0px 70px 10px 0px ;
}
  }