:root {
  --color1st: white;
  --color2nd: #26CCC2;
  --color3rd: #FFF57E;
  --color4th: #FFB76C;
}

* {
  font-family: system-ui;
  transition: .5s;
  border-radius: .5pc;
}

body {
  background: var(--color1st);
}

#web-page {
  width: 40pc;
  background: radial-gradient(var(--color3rd) 6pc, var(--color1st));
}

.myDiv {
  border-radius: 3.5pc;
  min-width: 20pc;
  width: 75%;
  height: 8pc;
  padding: 0.5pc;
  background: var(--color4th);
}

.dBtn {
  font-size: 1.5pc;
  padding: .3pc;
  width: 12pc;
  border-style: none;
  border-radius: 3pc;
}

.dBtn:hover {
  transform: rotateZ(360deg);
}

nav {
  background: var(--color4th);
  padding: .1pc;
  height: 3pc;
  border-radius: 4pc;
}

nav a {
  text-decoration: none;
}

nav button {
  font-size: 1.2pc;
  padding: .7pc;
  padding-inline: 1.5pc;
  background-color: transparent;
  border-style: none;
}

/* Mobile Design */
@media (max-width: 768px) {
  #web-page {
    width: 98%;
  }
}