body{
    background-color:darkred;
}
h4{
    font-size:30px ;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.z{
    float: left;
    width:50% ;
    text-align: center;
    background-color: transparent;
}
.w{
    float: right;
    width:50% ;
    text-align: center;
    background:transparent;
}
.zb{
    height: 70px;
   margin-bottom:50px ;
    font-size: 50px;
    background-color:white;
    border:0px;
    border-radius:20px ;
    font-family:fantasy;
}
.wb{
    height: 70px;
    margin-bottom:50px ;
     font-size: 50px;
     background-color:white;
     
     border:0px;
     border-radius:20px ;
     font-family:fantasy;
}
.wb:hover{
    height:100px ;
    width: 400px;
    transition:1s ease-in-out ;
    

}
.zb:hover{
    height:100px ;
   width: 500px;
    transition:1s ease-in-out;
}
h1{color: white;
    font-size: 100px;
    font-family: sans-serif;
    text-shadow:15px 15px 15px black ;
    
}
h3{
    font-size: 50px;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: black;
    font-variant: small-caps;
}
img{
    border-radius: 25px 25px 25px 25px;
    width:50px ;
    height: 50px;
}