:root {
  --thm-main-col: #27338c;
  --thm-dark-col: #0b0f28;
  --thm-lght-col: #ffffff;
  --thm-drk-trnsp-col: #0b0f28bf;
  --thm-txt-col: #000000;
  --thm-lght-txt-col: #ffffff;
  --thm-nav-txt-col: #d7dbf4;

}
body {background-color: var(--thm-dark-col); color: var(--thm-txt-col);}
header {backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
header, footer {background-color: var(--thm-drk-trnsp-col); color: var(--thm-nav-txt-col);}
button {padding: 0.5em 1em; border-radius: 5px; border: 1px solid #5ce1e6; color: inherit; background-color: inherit;}
.main {background-color: var(--thm-main-col); color: var(--thm-lght-txt-col);}
.p_links a {color: #00e6e6;} .p_links a:hover {color: #00ffff;}