.main-title {
    font-family: InterBold;
    font-size: 30px;
    color: #55c2de;
}

.project {
    width: 500px;
    cursor: pointer;
    position: relative;
}

@media(max-width: 600px) {
    .project {
        width: 100%;
    }

    .project-info {
        border-bottom: solid 1px #d6d1ca;
    }
}

.project-thumb {
    width: 250px;
    float: left;
}

.project-img {
    width: 250px;
    height: 230px;
    object-fit: cover;
}

.project-info {
    width: 250px;
    float:left;
    padding: 7px;
    position: relative;
    height: 230px;
}

.project-info-title {
    font-family: InterBold;
    font-size: 17px;
    color: #54565a;
}

.project-url {
    text-decoration: none;
    display:inline-block;
}

.project-info-type {
    font-family: InterMedium;
    color: #cbe100 ;
    position: absolute;
    bottom: 5px;
}

.project-info-axis {
    font-family: InterLight;
    color: #55c2de;
    margin-bottom: 5px;
}

.title-conclude {
    font-family: InterBold;
    color: #cbe100;
    font-size: 30px;
    border-top: solid 1px #d6d1ca;
}

.project2 {
    width: 250px;
    cursor: pointer;
    position: relative;
}

.project2-info {
    width: 250px;
    padding: 7px;
    position: relative;
    height: 230px;
}