@font-face {
  font-family: MSGOTHIC;
  src: url(MSGOTHIC.TTF);
}

body {
  background-image: url("pinkbunnies.gif");
  background-color: #ffedeb;
  overflow-x: hidden;
  color: black; 
  font-family: MSGOTHIC;
  font-size: 14px;
}

a:link {
  color: hotpink;
}

a:visited {
  color: hotpink;
}

a:hover {
  color: blue;
}

.me:hover {
  transform: scale(1.25);
}

.container {
  max-width: 505px;
  margin: 90px auto auto auto;
  padding: 10px;
  display: grid;
  grid-template-columns: 220px 275px;
  grid-template-rows: auto;
  grid-template-areas: 
    "sidebar main"
    "crossover pokemoncards"
    "stats pokemoncards";
  column-gap: 10px;
  row-gap: 10px;
  background: url("pinkbows.gif");
  border: 1px solid #dca49f;
  border-radius: 10px;
}
  
.sidebar {
  grid-area: sidebar; 
  height: 240px;
  border: 1px dashed hotpink;
  border-radius: 10px;
  padding: 10px;
  background: url("pinkdot.gif");
  text-align: center;
  margin-top: 60px;
  overflow-y: hidden;
  overflow-x: hidden;
}
  
.crossover {
  grid-area: crossover;
}

.main {
  grid-area: main;
  height: 130px;
  text-align: left;
  padding: 10px;
  border: 1px solid hotpink;
  overflow-y: scroll;
  overflow-x: hidden;
  background: url("plaid01.png");
  margin-top: 60px;
}

.stats {
  grid-area: stats; 
  height: 150px;
  border: 1px solid #fdbdd9;
  border-radius: 10px;
  padding: 10px;
  background: url("pinkbackground.jpg");
  text-align: left;
  overflow-y: hidden;
  overflow-x: hidden;
}

.pokemoncards {
  grid-area: pokemoncards;
  height: 290px;
  width: 135px;
  border: 1px solid #daa3be;
  border-radius: 10px;
  padding: 10px;
  background: url("pinkbackground.jpg");
  overflow-y: scroll;
  overflow-x: scroll;
}

.thumbnail:hover {
  transform: scale(1.10);
}

.dragme {
	position: relative;
	cursor: move;
}