@import "../style.css";

.project-image {
    width: 300px;
    flex-shrink: 0;
    flex-grow: 0;
}

.project-title {
    text-decoration: none;
}

.project-text {
    flex-shrink: 1;
    flex-grow: 1;
}

.project-description {
        font-size: 1.2em;
        flex-shrink: 1;
        margin-left: 50px;
        margin-right: 50px;
        text-align: left;
    }

.flex-container {
    margin: 5%;
    width: 95%;
    align-items: center;
}

@media screen and (orientation:landscape) {
    .flex-container {
        flex-direction: row;
    }
}

@media screen and (orientation:portrait) {
    .flex-container {
        flex-direction: column;
    }    
}