body{
    margin: 0;
}
.loaderStyle{
    position: relative;
    height: 8vh;
    width: 8vh;
    /* left: 50%; */
    top: 35%;
    /* transform: translate(-50%, -50%); */
}
.ui-background{
    position: fixed;
    width: 100%;
    height: 100%;
}
.ui-logo{
    position: relative;
    width: 25%;
    /* left: 50%; */
    top: 7%;
    /* transform: translateX(-50%); */
}
.textcommon{
    font-family: Teko-SemiBold;
    font-size: 16vw;
    position: relative;
    color: white;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    text-wrap: nowrap;
    text-align: center;
}
.subtextcommon{
    font-family: Teko-SemiBold;
    font-size: 4.5vw;
    position: relative;
    color: white;
    /* left: 50%; */
    line-height: 0.85;
    /* transform: translateX(-50%); */
    text-wrap: nowrap;
    text-align: center;
}
.subtextcommon1{
    font-family: Teko-Bold;
    font-size: 11vw;
    position: relative;
    color: white;
    /* left: 50%; */
    line-height: 0.85;
    /* transform: translateX(-50%); */
    text-wrap: nowrap;
    text-align: center;
}
.subtextcommon2{
    font-family: Teko-SemiBold;
    font-size: 4vw;
    position: relative;
    color: white;
    /* left: 50%; */
    line-height: 0.85;
    /* transform: translateX(-50%); */
    text-wrap: nowrap;
    text-align: center;
}
.finish-button{
    position: relative;
    width: 34vw;
    height: 9vw;
    padding: 0;
    border: 0.1vw white solid;
    border-radius: 5vw;
    background: transparent;
    top: 35%;
    /* transform: translateX(-50%); */
    /* left: 50%; */
    color: white;
    font-family: Teko-Bold;
    font-size: 3.5vw;
}
button{
    border: none;
    transition: scale 0.3s ease-in;
}
button:active{
    scale: 0.8;
}
button:disabled{
    opacity: 0.5;
  }
@font-face {
    font-family: DINOT-Medium;
    src: url('../fonts/DINOT-Medium.otf');
}

@font-face {
    font-family: Teko-Bold;
    src: url('../fonts/Teko-Bold.ttf');
}

@font-face {
    font-family: Teko-SemiBold;
    src: url('../fonts/Teko-SemiBold.ttf');
}

@font-face {
    font-family: Teko-Regular;
    src: url('../fonts/Teko-Regular.ttf');
}

@font-face {
    font-family: Poppins-Medium;
    src: url('../fonts/Poppins-Medium.ttf');
}

@font-face {
    font-family: Poppins-Regular;
    src: url('../fonts/Poppins-Regular.ttf');
}