/*
NOTES:
    margin: empty space outside the box
    padding: empty space inside the box
    padding shorthand order: top right bottom left
*/

/*UNDER CONSTRUCTION*/
.under_const{
    background: yellow;
    padding-top: 1px;
    padding-bottom: 1px;
    
    text-align: center;
    font-family: Verdana,sans-serif; 
}

/*box tutorial*/
.box {
    background: Snow;
    width: 300px;
    
    border: 3px solid Gainsboro;
    padding: 10px; 
 
}

/*-------> PSYCHOLOGY <-------*/
.psy_container {
    width: 80%;
    max-width: 1500px;
    
    margin: 0 auto;
    display: flex;
    justify-content: center;
    
    
    /* if you want the parent div to wrap around children:
    display: flex; OR display: grid; */
    
}

.psy_left {
    float: left;
    /*width: 25%;*/
    width: 170px;
    background: Snow;
    border: 2px solid Gainsboro;
    padding: 10px; 
    margin-right: 10px;
    margin-bottom: 10px;
    /*height: auto;*/
    height: fit-content;
    
}

.psy_section {
    float: right;
    width: 70%;
    /*background: Snow;
    border: 2px solid Gainsboro;
    padding: 10px;*/
}
    
.psy_post {
    background: Snow;
    border: 2px solid Gainsboro; 
    padding: 10px; 
    margin-bottom: 10px; 
    display: float;
    /*height: auto;*/
    height: fit-content;
}

/*---------------------------*/