body {
    margin: 0;
    background-color: #252525;}

    .container {
            display: flex;
            flex-direction: column;
            width: 100vw;
            align-items: center;
            height: 100vh;
            color: white;
            background-color: #252525;
            font-family: system-ui;}

        .head {
            display: flex;
            width: 600px;
            height: 80px;
            justify-content: space-evenly;}
            .head-item {
                width: 50%;
                display: flex;
                justify-content: center;
                align-items: center;}
                
                .head-item a {
                    text-decoration: none;
                    font-size: 2em;
                    color: white;
                    font-weight: 900;}

            .content {
                display: flex;
                width: 700px;
                margin-top: 5vw;

                justify-content: center;}


                .content-pic {
                    width: 65%;}
                .content-pic img {
                    width: 100%;
                    border: 1.4px solid #ffeb3b;}

                .content-bio {
                        width: 95%;
                        display: flex;
                        flex-direction: column;
                        margin-left: 1.1vw;}
                span.bio-aby {
                        height: 5%;
                        font-weight: bold;
                        padding: 1em;
                        font-size: 1.5em;}
                span.bio-desc {
                        padding: 1em;
                        font-size: 1.3em;}
                /* The Form Area */
                .figure_container {
                    display: flex;
                    width: 100%;
                    align-items: center;
                    flex-direction: column;}
                .Contact_form {
                    display: flex;
                    flex-direction: column;
                    width: 350px;}
                .save_fail {
                    width: 350px;
                    margin-bottom: 20px;
                    background-color: darkred;
                    padding: 10px;
                    border: 1px solid white;
                    border-radius: 15px;}
                .save_done{
                    width: 350px;
                    margin-bottom: 20px;
                    background-color: darkslategray;
                    padding: 10px;
                    border: 1px solid white;
                    border-radius: 15px;}
                .field {
                    width: 100%;}
                .field-input input {
                    width: 95%;}
                .field-input textarea {
                    width: 95%;}
                .submit {
                    width: 25%;
                    height: 26px;
                    background-color: #4d4d4d;
                    border: 1px solid white;
                    border-radius: 10px;
                    color: white;
                    margin-top: 20px;}
                /* The Journey Part */
                .Const_content {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    width: 450px;}
                .const_text {
                    font-size: 3em;
                    margin: 20px;
                    text-align: center;
                    font-weight: 700;}
                .const_img {
                    width: 100%;}
                .const_img img {
                    width: 100%;}

@media (max-width:700px){
        .head {
            width: 90%;}
        .head-item a {
            font-size: 1em;}
        .content {
            flex-direction: column;
            width: 100%;
            align-items: center;}
}