body {
  background-color: black;
  color: #E391D6;
  font-family:  'Courier New', monospace;
  text-align: center;
    scrollbar-color: #DE8EC3 black;
} 

::selection {
/* Change highlight background color */
background: #DE8EC3;
/* Change highlight text color */
color: #FFFFFF;
}



header{
  background-image: url("background2.jpg");
}

section {
border: 5px dashed #DE8EC3;
padding: 10px;
width: 400px;
margin: auto;
      display: inline-block;

}

article {
  float: right;
  padding: 10px;
  width: 350px;
  background-image: url("background.gif");
  height: 500px;
  border: 5px solid #BF0D17;
  text-align: center;
  margin: 10px;
      display: block;
        overflow: auto;
}

aside{
  float: left;
  width: 300px;
  background-image: url("background.gif");
  height: 600px;
  margin: 10px;
      display: block;
        overflow: auto;
}


h2 {
  background-color: darkred;
  font-family: "Rubik Burned", system-ui;
}

h3 {
  overflow: hidden;
  padding: 14px 16px;
  text-decoration: none;
}


div {
  column-gap: 40px;
    overflow: auto;
}

#sticker1 {  overflow: hidden;
  position:absolute; float: left;  top:50px;
left  : 100px; transform: rotate(80deg);
}
#sticker2 {  overflow: hidden;
  position:absolute; float: right;   top:10px;
  right:10px;
}

a {text-decoration: none; color: #C4001E;
text-decoration-style: dashed;
font-family: "Eater"
}

a:hover {
  color: #04FF00;
  text-decoration: underline;
  text-decoration-style: dashed;
}

.container2 {
  justify-content: center;
  margin: auto;
}




.backbutton {
  float: left;
}