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

Description :
	Main CSS file for the Contact Webpage
    Contains rules for relevant elements in the contact webpage
*/

#id {
    /* size */
    width: 100%;
}

.content {
    width: 100%;

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

.message-form {
    width: 100%;
}

#contact_container {
    width: 100%;

    /* appearance */
    background-color: var(--background_0);

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

#input {
    width: 50%;
}

#message {
    width: 80%;
}