.gradient-background {
    margin: 0; /* Removes default body margin */
    padding: 0; /* Removes default body padding */
    /* Fallback solid color for very old browsers */
    background-color: #2700E9; 
    /* The main gradient declaration */
    background-image: linear-gradient(to right bottom, #2700E9, #A30BFB); 
}
.app-icon-filter-blue {
    filter: invert(30%) sepia(85%) saturate(3000%) hue-rotate(200deg) brightness(95%) contrast(90%);
}
.app-icon-filter-white {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(100%) contrast(100%);
}
html, body {
    overflow: hidden;
    height: 100%; /* Ensures the body covers the full viewport height */
    margin: 0;
    padding: 0;
}
.top-bg-image{
    background-image: url('/static/jpg/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.fixed-bottom-iphonx{
	padding-bottom: constant(safe-area-inset-bottom);
  	padding-bottom: env(safe-area-inset-bottom,0);
}