styles.css

@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
body{
    background-color: #e1e1e1!important;
    font-family: 'Ubuntu', sans-serif !important;
}
#register-page{
    text-align:center;
    background-color:black;
    padding:20px;
    position:relative;
    top:60px;
    color:white;
    border-radius:20px;
}
#commentsSection{
    display: none;
    width:80vw;
    text-align:left;
    font-size:20px;
    padding-left:20px

}
#comm{
    border-bottom: 1px solid #969696;
    padding:10px;
}

.active{
    background-color: white;
color: black!important;
}
.nav-item{
margin-left:10px;
}
.disposts{
    width:80vw
}
.card{
    width: 60vw;
    margin: 20px;
    text-align: center;
    padding: 20px;
}
.card a{
    background-color: #1416b0;
    width:100px;
    padding: 10px;
    text-decoration: none;
    color:white;
}
.card h3{
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.card:hover{
    box-shadow:0px 1px 4px -1px #a80e9e;
}
.blogwriting{
    max-width:80vw;
}
.blogwriting input{
    margin-top: 20px;
    border:1px solid blue;
}
.blogwriting textarea{
    margin-top: 20px;
    border:1px solid blue;
}
.blogwriting label{
    margin-top: 20px;

}
.public_content{
    text-align: center;
}
#Blog{
    width: 80vw;
    background-color: white;
    padding:20px;
    margin-top:10px
}
@media (max-width:741px) {

    #flex_home{
        flex-direction: column;
    }
    .posts .card{
        width: 90vw!important;
    }
    .private-card .card{
        width: 90vw!important;
    }
}