style.css

@media(min-width: 768px)  {
    .news-input {
        width: 50%;
    }
}

.bodyOf {
    min-height: 100vh;
    background-image: linear-gradient(to bottom, white, blue, black);
}

.bgothers {
    background-image: linear-gradient(to bottom, white, blue, black);
    border: 2px solid black !important;
}

#navigation .navbar-brand:hover {
    color: blue;
}

#like:hover {
    color: red;
}

.shar:hover {
    color: blue !important;
}

.nav-item:hover {
    text-decoration: underline;
}

/* .ps {
    top: 15px;
    z-index: 50;
} */



@media (max-width: 426px) {

    .container-fluid {
        width: 95% !important;
    }

    .container-fluid .row {
        margin: 0;
        width: 100% !important;
    }

    .rounded, .sec {
        padding: 0 !important;
    }

    .w-75 {
        width: 100% !important;
    }

    .bgothers .px-4 {
        padding: 0 !important;
    }

    px-4
}