body {
    background-image: url("https://i.pinimg.com/1200x/6d/be/ae/6dbeae2d7f877e9b22b0e1d204037235.jpg");
  color: black;
  font-family: "Pixelify Sans", sans-serif;
  text-align: center;
}

body {

}



/* INTRO + BLINKIES */
.top-row {
  display: flex;
  align-items: flex-start;
  gap: 60px;
  margin-left: 5%;
  margin-top: 5%;
}

.intro {
  background-image: url("https://i.pinimg.com/736x/2b/08/0d/2b080decc9450e188f26de0bec427ad7.jpg");
  border: 2px solid darkslateblue;
  border-radius: 12px;
  padding: 15px;
  max-width: 600px;

  text-shadow:
    -2px -2px 0 white,
     2px -2px 0 white,
    -2px  2px 0 white,
     2px  2px 0 white,
     0px -2px 0 white,
     0px  2px 0 white,
    -2px  0px 0 white,
     2px  0px 0 white;
}

.blinkie {
  background-image: url("https://i.pinimg.com/736x/2b/08/0d/2b080decc9450e188f26de0bec427ad7.jpg");
  border-radius: 12px;

  width: 400px;
  height: 700px;

  padding: 10px;
  box-sizing: border-box;

  overflow-y: auto;
  overflow-x: hidden;

  flex-shrink: 0;

  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 8px;

  text-shadow:
    -2px -2px 0 white,
     2px -2px 0 white,
    -2px  2px 0 white,
     2px  2px 0 white,
     0px -2px 0 white,
     0px  2px 0 white,
    -2px  0px 0 white,
     2px  0px 0 white;
      position: absolute;
  left: calc(5% + 660px);
  top: 30%;
}

.blinkie img {
  display: block;
}



/* PICTURE + MENU */
.bottom-row {
  display: flex;
  gap: 20px;
  margin-left: 5%;
  margin-top: 20px;
  align-items: flex-start;
  
    text-shadow:
    -2px -2px 0 white,
     2px -2px 0 white,
    -2px  2px 0 white,
     2px  2px 0 white,
     0px -2px 0 white,
     0px  2px 0 white,
    -2px  0px 0 white,
     2px  0px 0 white;
}


/* PICTURE */
.picture {
  background-image: url("https://i.pinimg.com/736x/2b/08/0d/2b080decc9450e188f26de0bec427ad7.jpg");
  border-radius: 12px;
  padding: 15px;
  width: 250px;
}


/* MENU */
.menu {
  background-image: url("https://i.pinimg.com/736x/2b/08/0d/2b080decc9450e188f26de0bec427ad7.jpg");
  border-radius: 12px;
  padding: 15px;
  width: 300px;

  text-shadow:
    -2px -2px 0 white,
     2px -2px 0 white,
    -2px  2px 0 white,
     2px  2px 0 white,
     0px -2px 0 white,
     0px  2px 0 white,
    -2px  0px 0 white,
     2px  0px 0 white;
}


.pixelify-sans-500 {
  font-family: "Pixelify Sans", sans-serif;
  font-weight: 500;
  color: black;
}

.bottom-right {
  position: fixed;
  right: 20px;
  bottom: 0px;
  width: 270px;
}