body {
    background-image: url(https://img.freepik.com/premium-photo/wall-with-scratches-whitewash-texture-background_370059-5825.jpg?w=360);
    background-size: cover;
    margin-bottom: 100px;
}
#logo{
width: 100px;
}
h1 {
    text-align: center;
    font-size: 60px;
    margin: 20px;
    padding: 30px;
}

h2{
    font-size: 30;
    margin-bottom: 5px;
    padding: 20px;  
}

@media only screen and (max-width: 600px){
    .imgbox{
        max-width: 90%;
        max-height: 200px;
        margin-bottom:5px ;
        
    }
}
a {
    text-decoration: none;
    font-weight: bold solid #3a3a39;
}
p {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 20px;
    text-align: justify;
    margin: 10px;
    padding: 20px;
}

.imgbox{
    height: 300px;
    width: 500px;
    position: relative;
    display:inline-block;
    top: 20%;
    left: 5%;
    overflow: hidden;
    transform: translate(-50%,-50);
    
}
.imgbox img{
    
    margin: auto;
    padding: top 150px;;
    width: 100%;
    height: 100%;
    transition: 0.6s ease-in-out;
}

.imgbox:hover img{
    transform: scale(1.2);
}


 ul li{
    font-size: 20px;
 }