:root {
  --black: #240042;
  --purp: #8A4FB2;
  --purpdark: #461f61;
  --purpgrad: linear-gradient(0deg,rgba(241, 173, 255, 1) 0%, rgba(191, 51, 242, 1) 13%, rgba(148, 79, 178, 1) 34%, rgba(199, 119, 252, 1) 91%, rgba(255, 255, 255, 1) 100%);
  --pink: #FF91B9;
  --pinkdark: #8f3254;
  --pinkgrad: linear-gradient(0deg,rgba(255, 173, 218, 1) 0%, rgba(255, 66, 173, 1) 13%, rgba(235, 82, 151, 1) 34%, rgba(255, 145, 185, 1) 91%, rgba(255, 255, 255, 1) 100%);
  --yellow: #FFEBA6;
  --yellowdark: #9c6f32;
  --yellowgrad: linear-gradient(0deg,rgba(255, 218, 173, 1) 0%, rgba(255, 201, 66, 1) 13%, rgba(235, 179, 82, 1) 34%, rgba(255, 235, 166, 1) 91%, rgba(255, 255, 255, 1) 100%);
}

html {
  padding: 0px;
  margin: 0px;
  background: url(https://file.garden/ZXJkOcYwORXn2d9V/image.png);
  background-size: 23%;
  background-repeat: repeat-x;
}

body {
  padding: 0px;
  margin: 0px;
}

taskbar {
  display: block;
  width: calc(100%);
  border-top: 3px solid var(--pinkdark);
  background: var(--pinkgrad);
  position: absolute;
  bottom: 0;
  z-index: 5;
  left: 0;
  height: 73px;
  background-size: 100%;
}


button.start {
  background: linear-gradient(0deg,rgba(255, 219, 229, 1) 0%, rgba(247, 163, 187, 1) 13%, rgba(252, 149, 195, 1) 34%, rgba(255, 217, 226, 1) 91%, rgba(255, 255, 255, 1) 100%);
  box-shadow: 1px 1px 2px white;
  padding: 10px;
  color: white;
  font-size: 20px;
  height: 100%;
  border-radius: 0px 0px 20px 0px;
  text-shadow: -1px 0 var(--pinkdark), 0 1px var(--pinkdark), 1px 0 var(--pinkdark), 0 -1px var(--pinkdark), 0 0;
  border: none;
  transition: 1s ease;
}

button.start:hover {
  background: none;
}

button.start img {
  width: 45px;
}

.ellehover {
  position: absolute;
  bottom: 60px;
  right: 60px;
  width: 15%;
  z-index: 10;
}

.tooltip {
  position: absolute;
  bottom: 50%;
  right: 75px;
  width: 15%;
  color: var(--black);
  background: url(https://file.garden/ZXJkOcYwORXn2d9V/Untitled1657_20260715233250.png);
  background-repeat: no-repeat;
}

.tooltip .text {

  padding: 4px;
  text-align: center;
}

apphold {
  display: block;
  width: 15%;
  height: 70%;
}

app {
  display: inline-block;
  width: calc(45% - 5px);
  margin-right: 5px;
  text-align: center;
  color: var(--black);
}

app img {
  width: 100%;
}