body{
    background:#fffef9;
    font-family:"Courier New", monospace;
    color:#111;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    padding:80px 24px;
    line-height:1.8;
}

#home{
    font-family: monospace;
    background-color: rgb(248, 248, 255);
    border: 0;
    padding: 0.5rem;
    color: rgb(0, 38, 253);
    font-size: 1rem;
    text-decoration: none;
}
#home:hover{
    background-color: blue;
    color: aliceblue;
    cursor: pointer;
}

.back-link{
    display:inline-block;
    /* margin-bottom:1rem; */
    font-family: monospace;
    font-size:1.5rem;
    /* font-weight:600; */

    color:#003cff;
    text-decoration:none;

    padding:0.3rem 0.5rem;

    transition:all .2s ease;
}



.back-link:hover{
    background:#003cff;
    color:#fffef9;
}

.contact-container{
    width:100%;
    max-width:680px;   /* was 760 */
}

/* ---------- Heading ---------- */

.contact-heading{
    font-size:1.35rem;
    margin-bottom:.8rem;
    font-weight:700;
}

.contact-subtext{
    width:90%;
    color:#333;
    margin-bottom:3rem;
    line-height:1.9;
}

/* ---------- Form ---------- */

.contact-form{
    display:flex;
    flex-direction:column;
    gap:2rem;
}

.contact-input,
.contact-textarea{

    width:100%;

    border:none;
    border-bottom:1px solid #222;

    background:transparent;

    padding:.35rem 0;

    font-size:1rem;

    font-family:inherit;

    outline:none;
}

.contact-textarea{

    min-height:120px;
    resize:vertical;
}

.contact-input:focus,
.contact-textarea:focus{

    border-bottom:2px solid #003cff;
}

/* ---------- Button ---------- */

.contact-btn{

    align-self:flex-start;

    margin-top:.5rem;

    padding:.7rem 1.4rem;

    background:#003cff;
    color:white;

    border:none;

    font-family:inherit;
    font-size:.95rem;

    cursor:pointer;
}

.contact-btn:hover{
    background:#001dc4;
}

/* ---------- Divider ---------- */

.contact-container::after{

    content:"";

    display:block;

    margin:3rem 0 2rem;

    border-bottom:1px solid #222;
}

/* ---------- Social ---------- */

.social-links{

    display:flex;

    gap:1.5rem;

    margin-top:1.5rem;

    align-items:center;

    flex-wrap:wrap;
}

.social-link{

    color:#003cff;

    text-decoration:none;
}

.social-link:hover{

    background:#003cff;

    color:white;

    padding:0 .25rem;
}

#home69{
    font-family: monospace;
    background-color: transparent;
    border: 0;
    padding: 0.5rem;
    font-size: 1rem;
    color: blue;
}
#home69:hover{
    background-color: blue;
    color:rgb(255, 230, 0);
    cursor: pointer;
}
#home4{
    font-family:  monospace;
    background-color: transparent;
    border: 0;
    padding: 0.5rem;
    font-size: 1rem;
    color: #FF0000;
}
#home4:hover{
    background-color: #FF0000;
    color: aliceblue;
    cursor: pointer;
}