/*
Title       : Projects Stylesheet
Creation    : 13/11/21
Last Edit   : 16/02/2022

Description :
	Main CSS file for the Projects Webpage
    Contains rules for relevant elements in the Projects Webpage
*/

#projects {
    /* size */
    width: 100%;

    /* flex-box */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
}

.project {
    /* size */
    height: auto;
    width: 95%;

    /* appearance */
    text-decoration: none;
    color: black;

    /* flex-box */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
}

.project p {
    /* size */
    height: auto;
    width: 50%;
    padding: 2%;
}

.project p:nth-child(2) {
    /* size */
    width: 50% !important;

    /* flex-box */
    text-align: right !important;
}

.project p:nth-child(1) {
    /* flex-box */
    text-align: left;
}

.project:hover {
    /* appearance */
    color: var(--highlight_0);
}