#title{
        display: grid;
        font-family: 'Abril Fatface', serif;
        color:#0C162Aff;
        justify-self: center;
        background-color: #A4BBFFff;
        color: #28497Aff;
        padding: min(5em, 2%);
        padding-left: 40px;
        padding-right:40px;
        border-radius: 25px;
        margin-bottom: 2vw;
        font-size: 2em;
    }
    .image{
        object-fit: contain;
    }
    .project{
        display: grid;
        grid-template-columns: 100%;
        padding: min(5em, 2%);
        border-radius: 25px;
        margin-bottom: 2vw;
        background-color: #578EE5ff;   
    }
    .image{
        grid-column-start: 1;
        grid-row-start: 2;
        justify-self: center;
        margin: 2vw;
        object-fit: cover;
        width: min(80vw, 500px);
        height:auto;
    }
    .top{
        display: grid;
        grid-template-columns: 100%;
    }
    .title{
        grid-column-start: 1;
        align-self: center;
        justify-self: center;
        font-family: 'Abril Fatface', serif;
        color: #28497Aff;
    }
    .ongoing{
        grid-column-start: 1;
        grid-row-start: 2;
        align-self: center;
        justify-self: center;
        font-family: Poppins, sans-serif;
    }
    .description{
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        font-family: Poppins, sans-serif;
        color: #0C162Aff;
        text-align: center;
    }
    .date{
        font-family: Poppins, sans-serif;
    }
    #contents{
        height: 200px;
        text-wrap: wrap;
    }