/* ========================================
   기본
======================================== */

html,
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    background-color: #738A91;
}


/* ========================================
   배경
======================================== */

.background {
    position: fixed;
    inset: 0;

    width: 100%;
    height: 100%;

    background-color: #738A91;

    z-index: -1;
}


/* ========================================
   뒤로가기 버튼
======================================== */

.back-button {
    position: fixed;

    top: 1vw;
    left: 3.5vw;

    font-family: sans-serif;
    font-size: 40px;
    font-weight: 400;

    color: #F2F0F0;

    text-decoration: none;

    z-index: 9999;
}

.back-button:hover {
    opacity: 0.6;
}


/* ========================================
   CONTACT 전체
======================================== */

.title {
    box-sizing: border-box;

    width: 100%;

    padding: 4vw;
}


/* ========================================
   글자
======================================== */

.profile-section {
    color: #F2F2F2;

    font-family: "Noto Sans", sans-serif;
}


/* CONTACT / 마지막 문구 */

.section-title {
    font-size: 20px;
    font-weight: 800;

    margin-top: 40px;
    margin-bottom: 10px;
}


/* X / EMAIL 각각의 영역 */

.contact-block {
    margin-bottom: 16px;
}


/* X(TWITTER), EMAIL */

.contact-label {
    font-size: 15px;
    font-weight: 800;

    margin-bottom: 2px;
}


/* @yeongeun1122 / 이메일 */

.contact-value {
    font-size: 16px;
    font-weight: 400;

    word-break: keep-all;
}