body { padding: 0; margin: 0 }
#unity-container { 
    /* position: absolute  */
    position: relative;
}
#unity-container.unity-desktop { 
    /* left: 50%; 
    top: 50%;  */
    /* transform: translate(-50%, -50%);  */
    display: flex;
    justify-content: center;
    min-height: 774px !important; 
}
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
#unity-canvas { background: #6e0d29; box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 250px; height: 150px; background: url('unity-logo-dark.png') no-repeat center }
#unity-progress-bar-empty { display: none; width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { display: none; width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
#unity-footer { position: absolute; top: 0; right: 0; }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { margin-top:10px; margin-right: 10px; cursor:pointer; float: right; width: 38px; height: 38px; background: url('img/icon-fullscreen.svg') no-repeat center }
#unity-info-button { margin-top:10px; cursor:pointer; float: right; width: 38px; height: 38px; margin-right: 10px; background: url('img/icon-info.svg') no-repeat center }
#unity-fb-button { margin-top:10px; cursor:pointer; float: right; width: 38px; height: 38px; margin-right: 10px; background: url('img/icon-fb.svg') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }

.unity-header{
    /*padding: 10px;*/
    position: absolute;
    right: 0;
}

.background-game{
    width: 100%;
    /* height: 100vh;  */
    background: url('img/background-game.png') no-repeat center;
    background-size: cover;
    min-height: 774px !important;
}

.info-game{
    /* height: 550px; */
    padding-top: 60px;
    padding-bottom: 60px;
}

.bg-info{
    background: linear-gradient(90deg, #231F20, #4e064f);
    background-size: cover;
}

.unity-title{
    color: #fff;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
}

.unity-image-download{
    min-width: 365px;
    display: flex;
    justify-content: start;
    align-items: flex-end;
    gap: 10px;
    padding: 15px 60px 15px 30px;
    background-color: #2a2a2a;
    border-radius: 10px;
    width: fit-content;
    text-decoration: none;
    /* border: 2mm ridge hsla(0, 86%, 97%, 0.6); */
}

.icon-download{
    height: 60px;
}

.unity-download-content > p, .unity-download-content > h5{
    color: #fff;
    margin-bottom: 0px;
}

.unity-download-content > h5{
    font-weight: 700;
    font-size: 32px;
}

.about-us{
    background-color: black;
    padding-top: 60px;
    padding-bottom: 60px;
}

.unity-subtitle{
    color: #fff;
    text-align: center;
}

/* download game */

.bg-download-game{
    background: #fdf8ea;
}

.name-game{
    display: flex;
    justify-content: center;
}

.icon-app{
    display: flex;
    justify-content: center;
}
.icon-app img{
    width: 200px;
    height: auto;
    border-radius: 40px;
}

.download-app{
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.divided{
    width: 100%;
    height: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: linear-gradient(90deg, #E1415f, #5b1a1a);
    border-radius: 5px;
}