.project {
    display: flex;
    position: relative;
    min-height: 5vh;
    min-width: 50%;
    margin: 10px;
    padding: 20px;
    background: #575757;
    border: 5px solid #9c9c9c;
    border-radius: 50px;
    opacity: 0;
    float: left;
    clear: both;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
    animation: fadeIn 1s forwards;
}

.project img {
    display: block;
    float: left;
    height: 10%;
    width: 10%;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 15px;
    border-radius: 15px;
}

.project div {
    float: right;
}

.project p {
    font-size: 2vh;
}

.project a {
    font-size: 4vh;
    color: #7db3ff;
}

@media only screen and (orientation: portrait) {
    .projects {
        display: grid;
        column-count: 1;
    }

    .projects img {
        height: auto !important;
        width: 20% !important;
    }
}