* {
  box-sizing: border-box;
    cursor: url('cursor.png'), auto;	
}

body {
  font-family: Arial, Helvetica, sans-serif;
    background-color: #731995;
}

/* Style the header */
.header {
    color: lightpink;
  padding: 30px;
  text-align: center;
  font-size: 35px;
    overflow-wrap: break-word;
}

/* Container for flexboxes */
.row {
  display: -webkit-flex;
  display: flex;
}

/* Create three unequal columns that sits next to each other */
.column {
  padding: 10px;
}

/* Left and right column */
.column.side {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

/* Middle column */
.column.middle {
  -webkit-flex: 2;
  -ms-flex: 2;
    min-width: 15em;
  flex: 2;
    text-align: center;
}

.pik {
    color: white;
}

#pik {
    font-style: italic;
}

button {
    background-color: aqua;
  border: none;
  color: #731995;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: url('pointer-cursor.png'), auto;
    font-weight: bold;
    border-radius: 1em;
}

button:hover {
    background-color: orange;
}

/* Images */
img {
    width: 17em;
    margin: 1em;
   cursor: url('pointer-cursor.png'), auto;
}

#GFG_DOWN {
    font-size: 24px;
    font-weight: bold;
    color: yellow;
}

/* Style the footer */
.footer {
    color: white;
  padding: 10px;
  text-align: center;
}

.footer a {
    color: white;
}

.footer a:hover {
    color: lightskyblue;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 920px) {
  .row {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}