/*------------------------home.html-----------------------*/
.post_img_container{
    position: relative;
    float: left;
}

.post_img_container:hover div{
    width: 90%;
    visibility: visible;
    opacity: 0.7; 
}

.post_about {
    position: absolute;
    bottom: 0;
    padding: 10px;
    right:0;
    background: black;
    color: white;
    margin-bottom: 5px;
    font-size: 11px;
    white-space: normal;
    font-family: sans-serif;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
}

.about_data{
    flex: 1 !important;
    font-size: 16px !important;
}


:root {
    --clr-light: #fdffc4;
    --clr-dark: #28282B;
    --clr-primary: #dbffa2;
    --clr-secondary: #c3fcf2;
    --clr-accent: #ff7750;
    --clr-border: #fdffc4;
    --clr-text-light: whitesmoke;
  
    --foreground: var(--clr-dark);
    --background: var(--clr-light);
  
    --ff-title: "Playfair Display", serif;
    --ff-body: "Assistant", sans-serif;
}

/*--------------Dark Mode--------------*/
.darkmode {
    background-color: var(--clr-dark) !important;
    color: var(--clr-text-light) !important;
}
    
.headerStyling {
    color: var(--clr-text-light) !important;
}
    
.navStyling {
    background: none;
    color: var(--clr-text-light) !important;
    border: 1px solid none;
}