@font-face {
    font-family: 'Inter';
    src: url('/css/fonts/InterVariableFont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

:root {
    --back-width: 70px;
    --back-height: 30px;
    --border: 1px;
    --transition-time: 300ms;
  }

body {
    margin: 0;
    padding: 0;
    background-size: cover; /* or cover */

    padding-top: env(safe-area-inset-top);
    background: #fff;

    overflow: auto; /* or unset */

  }

  

.pageWrapper {
    float:left;
    
    width:100%; 
    
    overflow: hidden;
   /*
    overflow-x: hidden;
    overflow-y: visible;*/
}

.pageWrapper::after {
  content: "";
  display: table;
  clear: both;
}



.copyclick { cursor:grab;}	
.copyclick:active { cursor:grabbing;}

@keyframes shake {
    0% { transform: translateX(0); }
    20% { transform: translateX(-10px); }
    40% { transform: translateX(10px); }
    60% { transform: translateX(-10px); }
    80% { transform: translateX(10px); }
    100% { transform: translateX(0); }
}

.shake {
    animation: shake 0.4s ease;
}


/* Start Check */
@keyframes tickPop {
    0%   { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
  }
  
.hide {display: none;}

.poweredbyWrapper {float:left; width:100%; padding-top:90px; padding-bottom:30px;}
.poweredbyWrapper p {margin:0; padding:0; font-family: 'Inter', Arial; color:#ffffff; font-size:13px; text-align:center;}
.poweredbyWrapper p a {color:#ffffff; text-decoration: none;}
.poweredbyWrapper p a:hover {color:#ffffff; text-decoration: underline;}


/*
.pageWrapper,
.poweredbyWrapper {
  display: block;
  width: 100%;
}

.pageWrapper {
  outline: 2px solid blue;
}
.poweredbyWrapper {
  background: rgba(255, 0, 0, 0.1);
}
*/