body {
    background-color:#ffe4c4;
}

#nav{
    height: 70px;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 2px 2px 8px 3px grey;
}
#name {
    display: flex;
    justify-content: left;
    text-align: left;
    text-decoration: none;
}

.n1 {
    display: flex;
    justify-content: space-evenly;
    font-size: x-large;
}

#img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
   
}

#item1 {
    height: 300px;
    width: 300px;
    margin: 20px;
    margin-top: 50px;
    display: flex;
    background-color:#e0e0e0;
    border: 4px;
    border-radius: 20px;
    border-color: black;
}
#item1:hover{
    transform: scale(1.1);
}



.box2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;

}

#img1 {
    display: flex;
    justify-content: center;
    margin-left: 40px;
    margin-top: 70px;
  

}
#img1:hover{
    transform: scale();
}
#btn {
    justify-content: center;
    display: flex;
    flex-direction: column;
    border-radius: 10px;

}

#btn:hover {
    background-color:  #ffffff;
    transform: translate(1.1);
}

#head1 {
    text-align: center;
}
#head2{
    text-align: center;
}
#img2{
    justify-content: center;
    display: flex;
}

.box4{
    border: 5px;
    border-radius: 300px;
    height: 150px;
    width: 1000px;
    background-color: #dbd8d8;
    justify-content: right;
    align-items: center;
    margin-left: 100px;
    text-align: center;
    /* margin-top: 200px; */
    padding: 100px;
    font-size: x-large;
    margin-right: 50px;
}
.box5{
    margin-top: 150px;
    height: 150px;
    width: 1470px;
    background-color:#e0e0e0;
    display: flex;
    justify-content: space-around;
}
.box4:hover{
    transform: scale(1.1);
}
#item2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: larger;
    color: rgb(86, 155, 239);
    text-decoration: underline;
   
}
#item2:hover{
    transform: scale(1.1);
}