.projects{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly
}
.procon{
    margin: 20px;
    background-color: rgba(0, 255, 255, 0.295);
    border: 3px solid;
    border-radius: 20px;
    width: 40vw;
    height: auto
}
.proimg{
    padding: 1vw;
    align-content: center;
    width: 38vw;
    height: auto;
}
.proimgpreview{
    border-radius: 20px;
    width: 100%;
    height: auto;
    cursor:alias
}
@media (min-width:0px) {
    .procon{
        margin: 20px;
        background-color: rgba(0, 255, 255, 0.295);
        border: 3px solid;
        border-radius: 20px;
        width: 80%;
        height: 20%
    }
    .proimg{
        padding: 1vw;
        align-content: center;
        width: 78vw;
        height: auto
    }
}
@media (min-width:768px) {
    .procon{
        margin: 20px;
        background-color: rgba(0, 255, 255, 0.295);
        border: 3px solid;
        border-radius: 20px;
        width: 40vw;
        height: auto
    }
    .proimg{
        padding: 1vw;
        align-content: center;
        width: 38vw;
        height: auto
    }
}