* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: monospace;
}
html {
  scroll-behavior: smooth;
}
:root {
  --bgcolor1: black;
  --bgcolor2: #151729;
  /* --stdborder1: 2px solid red;
  --stdborder2: 2px solid yellow;
  --stdborder3: 2px solid rgb(116, 116, 247); */
  --bottomborder: 2px solid rgb(255 255 255 / 37%);
  --whitecolor: white;
  --dwhitecolor: rgba(255, 255, 255, 0.808);
  --cadetcolor: cadetblue;
  --scolor: #c4c4f5;
  --scolor2: #e8aab2;
  --lineartext1: linear-gradient(45deg, cadetblue, white);
  --stdfontsize1: 1.2em;
  --stdfontsize2: 1.5em;
  --stdfontsize3: 1.7em;
}

body {
  background: var(--bgcolor1);
  z-index: 0;
}
img {
  width: inherit;
  height: fit-content;
}
.testspacer {
  border: 2px solid #4f4f4f;
  margin: 40px 0px;
  width: 50%;
}
.addheight {
  height: 60px !important;
}
.addwidth {
  width: 50% !important;
}
.btn {
  padding: 4px 6px;
  font-size: 1.1em;
  border-radius: 5px;
  color: var(--whitecolor);
  background: linear-gradient(45deg, #e76f51, #d23b50, #642f96);
  border: none;
  cursor: pointer;
}
.btn:active{
  transform: scale(1) !important;
}
.btn2 {
  background: var(--lineartext1);
  color: var(--bgcolor1);
  font-size: 0.8em;
  padding: 10px 15px;
}