.user-details{
        display:none !important;
    }


.info {
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	overflow-y: clip;
	
}
.user-details-desktop {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--postcolor);
    display:flex;
    flex-direction:column;
    flex:1;
    overflow:hidden;
    border: 1px var(--bordercolor) solid;
    -webkit-box-shadow: inset -2px -2px 0px 0px var(--shadow), inset 2px 2px 0px 0px var(--highlights); 
    box-shadow: inset -2px -2px 0px 0px var(--shadow), inset 2px 2px 0px 0px var(--highlights);
    p {
        
        margin: 0.5rem;
    }
}
.post-wrapper {
	margin-left: 1rem;
	margin-right: 0.5rem;
	width: 1;
}
.about-text {
    border-top: 1px var(--bordercolor) solid;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	flex: 1;
	scrollbar-color: var(--post-color) var(--bordercolor);
  scrollbar-width: thin;

}
.user-image-desktop {
	display: flex;
	align-items: center;
	width: 125px;
	align-self:center;
	margin-top:0.5rem;
}

.user-name-dt{
    margin-bottom:0 !important;
}

.user-image-desktop img {
	width: 125px;
	height: 125px;
	flex: 1;
	object-fit: cover;
	border: 1px var(--bordercolor) solid;
	-webkit-box-shadow: inset -2px -2px 0px 0px var(--shadow), inset 2px 2px 0px 0px var(--highlights);
	box-shadow: inset -2px -2px 0px 0px var(--shadow), inset 2px 2px 0px 0px var(--highlights);
}

.side-bar {
	flex: 1.75;
	display: flex;
	overflow-y: hidden;
	min-height: 0;
	flex-direction: column;
	align-items: center;
	padding-top: 1rem;
    padding-bottom: 1rem;
	padding-left: 0.5rem;
	padding-right: 1rem;
}

@media only screen and (max-width: 600px) {
    .side-bar {
        display:none;
    }
    .user-details{
        display:flex !important;
    }
    .post-wrapper {
	margin-left: 0rem;
	margin-right: 0rem;
}
}