*{
    padding:0px;
    margin:0px;
}
h1{
    text-align :center;
    background-color:#a44141;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color:#4ac284;
    margin:0px 30px 30px 30px;
    border-radius:18px 0px 18px 0px;
}
.a1{
    font-family:'Times New Roman', Times, serif;
    font-size:14px;
    border-bottom: 2px dashed #ff6a00
}
.a2{
    font-family:Arial;
    font-family:18px;
    margin:20px 10px 0px 10px;
    
}
.a2:hover{
    border: 1px solid #ff6a00;
    background-color:red;
    transition:2s 2s;
}
.a2 span{
    color:red;
}
.b1{
    border-bottom: 2px dashed #ff6a00
}
.a3{
    color:#57c746;
}
.a3:hover{
    display:none;
    transition:2s 2s;
}
/*DIVs with boxes*/
.d1{
    padding:40px;
    background-color:#cb8942;
    font-size:20px;
    margin:0px 40px 0px 40px;
    transition-delay:2s;
}
.dd1:hover{
    text-align:right;
    float:right;
}
.d2{
    background-color:#70a74a;   
    padding:40px;
    font-size:25px;
    margin:0px 350px 0px 350px;
    transition-duration:2s;
}
.d2:hover{
    box-shadow: 0px 8px 12px #808080;
}
.d3{
    background-color:#4ac284;
    font-size:32px;
    padding:35px;
}
.d3:hover{
    margin:0px 200px 0px 200px;
}
.d4{
    background-color:#808080;
    font-size:32px;
    padding:35px;
}
.d4:hover{
    margin:0px 100px 0px 100px;
    border-radius:50px;
    box-shadow: 4px 4px 8px #c69b9b;
}