main{
    max-width: 700px;
    margin: auto;
    margin-top: 100px;
}

.main-title{
    color: var(--stone);
    margin-left: 15px;
}

.experiments-container {
    margin: auto;
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
    
}

.post-div {
    transition: all 1s ease-in-out;
    margin-top: 50px;
    border-radius: 15px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    background-color: aliceblue;
    box-shadow: 0 0 0 ;
}

.post-div:hover{
    box-shadow: 10px 10px 10px var(--moss);
    transform: translateX(-10px) translateY(-10px);
}

.post-image {
    background-color: black;
    height: 300px;
    margin: 15px;
}

.post-description-text {
    margin: 15px;
}