/*COLOUR SCHEME*/
:root {
  /*scan A*/
  --Ablack: #3f444bff;
  --Aorange1: #b55130ff;
  --Aorange2: #c57452ff;
  --Aorange3: #ddbba6ff;
  --Awhite1: #f1ede1ff;
  --Awhite2: #fcfcfcff;
  /*scan B*/
  --Bblack: #464646ff;
  --Borange1: #d3a58bff;
  --Borange2: #d4b49eff;
  --Borange3: #e2d2c2ff;
  --Bwhite: #eff1efff;
  /*variables*/
  --black: var(--Ablack);
  --dark-color: var(--Aorange1);
  --mid-color: var(--Aorange2);
  --light-color: var(--Aorange3);
  --bg-color: var(--Awhite1);
}

img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-crisp-edges;
  image-rendering: pixelated;
  scale: 100%;
}

/*SCENE*/
.scene img{
  scale: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-crisp-edges;
  image-rendering: pixelated;
}

.entry-container{
  display: grid;
  place-items: center;
}

.entry-container h1{
  font-size: medium;
  color: var(--Aorange2);
}

/*TEXT*/

body {
  padding: 5%;
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.25px;
  background-color: var(--bg-color);
  color: var(--black);
  font-family: 'Libre Baskerville', serif;
}


/*BUTTONS*/

.buttons {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.buttons a {
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 0;
}

.buttons img {
  display: block;
}