@import url('https://fonts.googleapis.com/css2?family=Athiti:wght@500&display=swap');

* {
    box-sizing: border-box;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-select: none;
    overflow: hidden;
}

html, body {
    background: none !important;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: 'Athiti', sans-serif !important;
}

.background-bg {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(to right, #2f80ed, #0c630f);
    background-size:200%200%;
    -webkit-animation: joez 4s ease infinite;
    -moz-animation: joez 4s ease infinite;
    animation: joez 4s ease infinite;
}

.row {
    max-height: 90vh;
    overflow: auto;
}


#upTotop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 10%; /* Place the button at the bottom of the page */
    right: 4%; /* Place the button 30px from the right */
    transform: translate(50%,50%);
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgba(97, 97, 97, 0.651); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px;
    width: 50px;
    font-weight: bolder;
    border-radius: 10px; /* Rounded corners */
    font-size: 16px; /* Increase font size */
}

@media only screen
    and (device-width: 414px)
    and (device-height: 896px)
    and (-webkit-device-pixel-ratio: 2) {

    .row {
        max-height: 70vh;
    }

    #upTotop {
        right: 10%;
        bottom: 14%; /* Place the button 30px from the right */
    }
}


@media only screen
  and (min-width: 768px)
  and (max-height: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .row {
        max-height: 80vh;
    }
}


@-webkit-keyframes joez {
    0%{background-position:0% 0%}
    50%{background-position:100% 100%}
    100%{background-position:0% 0%}
}
@-moz-keyframes joez {
    0%{background-position:0% 0%}
    50%{background-position:100% 100%}
    100%{background-position:0% 0%}
}
@keyframes joez {
    0%{background-position:0% 0%}
    50%{background-position:100% 100%}
    100%{background-position:0% 0%}
}