#global-header {
    animation: fadein 1s;
}
#global-header .logo img{
    display: block;
    width: 100%;
}
.layer_2 {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}

.layer_1 {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}
.layer_1 #title {
    margin-top: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    font-size: 3.1em;
    font-weight: bolder;
    text-shadow: 2px 2px 15px #36E8FF, 0 0 1em white, 0 0 0.2em white;
    animation: zoomIn 1.2s;
}
#sound-control {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 1.7em;
    font-weight: bolder;
    margin-top: 40px;
    margin-right: 30px;
    /* margin-right: 20px; */
    color: var(--main-textColor);
    text-shadow: 3px 3px 20px black;
    cursor: pointer;
}

#sound-control.on {
    color: var(--main-textBrColor);
}

#siteVerDisplay {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 1.6em;
    margin-right: 30px;
    color: white;
    text-shadow: var(--main-textTextShadow);
}

#siteCredit {
    font-size: 1.4em;
    margin-top: 10px;
    display: flex;
    color: white;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-shadow: var(--main-textTextShadow);
}

#startBtn {
    margin-top: 160px;
    font-size: 1.5em;
    font-weight: bolder;
    display: flex;
    color: white;
    align-content: flex-start;
    justify-content: space-around;
    text-align: center;
    text-shadow: var(--main-textTextShadow);
    transform: scale(0);
    /* 0.5 초 동안 애니메이션을 실행, 단 0.8초 지연시켜 0.8초 후에 애니메이션을 실행 */
    animation: zoomIn .5s .8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

@media screen and (min-height : 780px){
    #startBtn {
        margin-top: 40%;
    }
}
@media screen and (min-width : 1080px){
    #startBtn {
        margin-top: 20%;
    }
    #siteCredit{
        margin-top: 220px;
    }
}