@import url('https://fonts.googleapis.com/css2?family=Belanosima&family=Hind+Siliguri:wght@300&family=PT+Sans&family=Rambla&display=swap');
body{
    font-family: 'Belanosima', sans-serif;
    background-color: black;
    color: white;
}
#h1{
    text-align: center;
}
#im1{
    width: 12%;
    position: absolute;
    top: 17px;
    left: 570px;
    z-index:-1;
}
.blink {
    animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
p{
    font-family: 'PT Sans', sans-serif;
    position: relative;
    top:-25px;
    text-align: center;
}
#blog1{
    width: 30%;
    height: 60px;
    background-color: rgb(115, 71, 235);
    position: relative;
    top:-30px;
    margin-left:435px;
}
#h2{
    font-family: 'Hind Siliguri', sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 10px;
}
#blog1:hover{
    background-color: black;
    #h2{
        color: rgb(115, 71, 235);
        font-weight: bold;
    }
}
#b1{
    width: 16%;
    height: 60px;
    background-color: aqua;
    border: none;
    border-radius: 2px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: 15px;
    position: absolute;
    top:200px;
    left: 400px;
}
#b2{
    width: 16%;
    height: 60px;
    background-color: rgb(207, 200, 66);
    border: none;
    border-radius: 2px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: 15px;
    position: absolute;
    top:273px;
    left: 670px;
}
#b3{
    width: 16%;
    height: 60px;
    background-color: rgb(195, 195, 195);
    border: none;
    border-radius: 2px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: 15px;
    position: absolute;
    top:370px;
    left: 670px;
}
#blog2{
    width: 40%;
    height:300px;
    background-color: rgb(0, 0, 0);
    position: absolute;
    top: 170px;
    left: 640px;
    display:none;
}
#p1{
    font-family: 'PT Sans', sans-serif;
    position: relative;
    top:-25px;
    text-align: center;
    line-height: 15px;
    padding: 10px;
}
#blog3{
    width: 40%;
    height:300px;
    background-color: rgb(0, 0, 0);
    position: absolute;
    top: 167px;
    left: 130px;
    display:none;
}
#p1{
    font-family: 'PT Sans', sans-serif;
    position: relative;
    top:-25px;
    text-align: center;
    line-height: 15px;
    padding: 10px;
}
#blog4{
    width: 40%;
    height:300px;
    background-color: rgb(0, 0, 0);
    position: absolute;
    top: 167px;
    left: 130px;
    display:none;
}
#p1{
    font-family: 'PT Sans', sans-serif;
    position: relative;
    top:-25px;
    text-align: center;
    line-height: 15px;
    padding: 10px;
}