@import './constants.css';

a.project-link {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    color: black;
    background-color: #e6d9b9;
    margin-top: 20px;
    hyphens: auto;
    word-break: break-word;
}

a.project-link:hover {
    transform: scale(1.03);
}

.project-list-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.project-image {
    width: 30%;
    float: left;
}

.project-image img {
    width: 100%;
    height: auto;
}

.project-text {
    width: 65%;
    font-size: 15px;
    margin-right: 10px;
    margin-top: 10px;
}

.project-text .project-title {
    font-size: 17px;
    margin-bottom: 10px;
}

.sidebar img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.sidebar a {
    border: 1px solid grey;
    display: inline-block;
    color: black;
    padding: 14px 25px;
    font-size: 1.0rem;
    text-align: center;
    text-decoration: none;
    margin-bottom: 10px;
}