:root {
    --accent: #007aff;
    --accent-light: #00c6ff;
  --transparent: oklch(0 0 0 / 0%);
  --purple-100: oklch(0.86 0.08 280);
  --purple-200: oklch(0.82 0.06 280);
  --purple-300: oklch(0.91 0.82 280);
  --purple-400: oklch(0.61 0.18 280);
  --purple-500: oklch(0.5 0.21 280);
  --purple-600: oklch(0.42 0.18 280);
  --purple-800: oklch(0.25 0.15 280);
  --purple-900: oklch(0.13 0.06 280);
  --purple-900: oklch(0.13 0.06 280);
}

html,
body {
    width: 100%;
  height: 100%;
  background-color: #000000;
  background-color: #000; /* Must match the status bar for black-translucent */
  font-size: 24px;
  font-family: "Noto Sans", sans-serif;
  overflow:hidden;
}

.mainmenu {
    position: absolute;
    width:100%;
    height:100%;
    overflow: hidden;
    background-image: url(/main3.jpg);
    background-size: cover;
    background-position: top center;
}
.upload1 {
    text-align: center;
    position: fixed;
    width: 290px;
    min-height: 400px;
    bottom: 60px;
    left:50%;
    margin-left:-165px;
    border: 3px solid;
    border-color: var(--purple-300);
    padding: 20px;
    border-radius: 20px;
    background-color: #102;
    z-index: 99999;
}

.center {
  display: grid;
  height: inherit;
  place-items: center;
}

.logo {
    position: relative;
    max-width: 512px;
    width: 100%;
}

.logo img {
    width: 90%;
    max-width: 512px;
    height: auto;
    position: relative;
}

.button {
  bottom:80px;
  left:50%;
  width:260px;
  margin-left: -130px;
  position: absolute;
  z-index: 1;
  background: var(--purple-900);
  border: 3px solid;
  border-color: var(--purple-400);
  border-radius: 0.75rem;
  color: var(--purple-300);
  padding: 0.75rem 0rem;
  text-decoration: none;
  transition: 250ms ease-in-out;
  transition-property: all;
  text-align: center;
}

.button:hover,
.button:focus {
  color: var(--purple-200);
  background-color: var(--purple-800);
  transform: scale(1.1);
}

.text {
  filter: drop-shadow(0 0 1px currentcolor);
}

.button:after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0.6;
  border-radius: inherit;
  box-shadow: 0 0 1em 0.5em var(--purple-300);
  transition: 250ms ease-in-out;
  transition-property: opacity;
}

.button:hover::after,
.button:focus::after {
  opacity: 0.6;
}