.HODmessage {
    text-align: center;
    font-family: fantasy;
    font-size: 30px;
    padding: 0%
}

.inam-box {
    display: flex;
    justify-content: center;
    align-items: center
}

.inam {
    width: 90vw;
    display: flex;
    justify-content: flex-end;
    border-radius: 22px;
    align-items: center;
    justify-content: center;
    background: rgb(90, 121, 7);
    height: 80vh
}

.inamImg {
    width: 250px;
    height: 250px;
    border-radius: 20px 20px 20px 20px;
    margin-left: 40px
}

.message {
    
    margin-left: 40px;
    margin-right: 30px;
   
}

q {
    font-size: 50px;
    color: rgb(240, 241, 243)
}

.mmm {
    font-size: 20px;
    color: #000
}

@media only screen and (max-width:750px) {
    .inam {
        flex-wrap: wrap;
        width: 90vw;
        display: flex;
        justify-content: flex-end;
        height: 120vh;
        align-items: center;
        justify-content: center;
        background-color: rgb(90, 121, 7);
        display: block
    }
    .inamImg {
        width: 50vw;
        height: 30vh;
        margin: 0%;
        border-radius: 20px 20px 0 0
    }
}