html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 cursor: url("cursor.png"),auto;
}

@font-face {
  font-family: "Comic Sans MS";
  src: url("comic-sans-ms.woff") format("woff");
}



body {
  background-color: pink;
  background-size: 2em;
  color:  #ff83a7;
  font-family: "Comic Sans MS", cursive, sans-serif;
  src: url("comic-sans-ms.woff") format("woff");
  background-image: url("tile5.jpg");
  text-align: center;
  cursor: url("cursor.png"),auto;
}


a:link {
  color: #ff83a7;
  background-color: transparent;
  text-decoration: none;
  font-family: "Comic Sans MS", cursive, sans-serif;
  cursor: url("cursor.png"),auto;
}

a:visited {
  color: #ff83a7;
  background-color: transparent;
  text-decoration: none;
  font-family: "Comic Sans MS", cursive, sans-serif;
  cursor: url("cursor.png"),auto;
}

a:hover {
  color: #ff83a7;
  background-color: transparent;
  text-decoration: underline;
  font-family: "Comic Sans MS", cursive, sans-serif;
  cursor: url("cursor.png"),auto;
}

a:active {
  color: #ff83a7;
  background-color: transparent;
  text-decoration: underline;
  font-family: "Comic Sans MS", cursive, sans-serif;
  cursor: url("cursor.png"),auto;
}

.structure {
  display: grid;
 grid-template-columns: 200px 200px 200px;
 grid-template-rows: 80px 150px 200px 200px 100px;
 column-gap: 3px;
 row-gap: 3px;
 justify-content: center;
 margin-top: 120px;
 margin-bottom: 2%;
 cursor: url("cursor.png"),auto;
 
 img{
max-width: 50%;
max-height: 50%
}

  .box_1 {
   grid-column: 2/4;
   grid-row: 2/5;
   background-color: #ffe7ec;
   border: 3px solid pink;
   padding: 3px;
   overfill: scroll;
   }
   
   .box_2 {
     grid-column: 1/2;
     grid-row: 2/4;
     background-color: #ffe7ec;
     border: 3px solid pink;
     padding: 3px;
   }
   
   .box_3 {
     grid-column: 1/4;
     grid-row: 1/2;
     background-color: #ffe7ec;
     border: 3px solid pink;
     padding: 3px;
     background-image: url("title.png");
     background-size: cover;
   }
     
     .box_4 {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
    background-color: #ffe7ec;
    border: 3px solid pink;
   }
   
   .box_5 {
   grid-column: 1 / 4;
   grid-row: 5 / 6;
   background-color: #ffe7ec;
   border: 3px solid pink;
   }