:root {
  --base_font: "Lora", sans;
  --background_color_basic: #0b1933;
  --font_color: #faf3ea;
  --border: 1px solid #333;
  --background_color_div: #310e38;
  --img-size: 150px;
}


html {
  background-color: var(--background_color_basic);
}

body {
  background-color: var(--background_color_basic);
  height: 100% !important;
  margin: 0 30pxhttp-equiv="refresh";
  padding-top: 20px;
}

p {
  color: var(--font_color);
  text-align: center;
}

.img-jpeg-0,
.img-avif,
.img-jpeg-1,
.img-fake-jpeg {
  float: left;
  background-size: contain !important;
  margin-top: 0;
}

.img-jpeg-0 {
  background-image: url(../img/CSS.jpeg);
  width: var(--img-size);
  height: var(--img-size);
}

.img-jpeg-1 {
  background: url(../img/CSS.jpeg);
  width: var(--img-size);
  height: var(--img-size);
}

.box {
  width: max-content;
  height: var(--img-size);
  border: var(--border);
  margin: 0 auto;
  padding: 9px;
  border-radius: 9px;
  background-color: var(--background_color_div);
}

img:nth-child(2) {
  margin-left: 9px;
}

img {
  max-width: var(--img-size);
  margin-top: 0;
  margin-bottom: 0;
  border: var(--border);
}

.border {
  border: 1px solid red;
}