.Home {
    margin: 20px auto;   /* top/bottom  right/left */
    padding: 20px;
    width: 1000px;
    box-sizing: border-box;	/* the width: 100% does not take into account padding and border values; this makes sure it does! */

    font-family: "Nunito Sans", sans-serif;


    background-color: var(--color-white);
    color: var(--color-dark);
    border: 2px solid var(--color-blue);
    border-radius: 5px;

}
@media screen and (max-width: 1100px) {
    .Home {
	width: 600px;
    }
}
@media screen and (max-width: 700px) {
    .Home {
	width: 100%;
    }
}





.wcamsTitle {
    font-family: Lexend, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: var(--color-dark);

    text-align: center;
    vertical-align: middle;
}

.wcamsLogo {
    height: 100px;
    vertical-align: middle;
}

.evaluationTitle {
    font-family: Lexend, sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: var(--color-dark);

    text-align: center;
}

.completionDate {
    font-family: Nunito, sans-serif;
    font-size: 18px;
    margin: 0px 80px;
}


.checkmark {
    width: 300px;
}
@media screen and (max-width: 800px) {
    .wcamsTitle {
	font-size: 12px;
    }
    .wcamsLogo {
	height: 50px;
    }
    .evaluationTitle {
	font-size: 22px;
    }
    .checkmark {
	width: 200px;
    }
    .completionDate {
	font-size: 14px;
    }
}



.start {
    display: flex;
    justify-content:space-between;
    justify-content: flex-end;
    margin-right: 50px;
}