body {
  margin: 0;
  font-family: Arial, sans-serif;
  color: white;
  background-size: cover;
  background-position: center;
  text-align: center;
}


 {
  cursor: url(https://cur.cursors-4u.net/others/oth-8/oth710.cur), auto !important;
}

.container {
  background: rgba(0, 0, 0, 0.5);
  padding: 40px;
  margin: 50px auto;
  border-radius: 20px;
  max-width: 600px;
}

h1 {
  font-size: 2.5em;
  margin-bottom: 20px;
}

.gif {
  max-width: 300px;
  border-radius: 15px;
  margin-bottom: 20px;
}

nav a {
  display: inline-block;
  margin: 10px;
  padding: 10px 20px;
  background: white;
  color: black;
  text-decoration: none;
  border-radius: 10px;
  transition: background 0.3s;
}

nav a:hover {
  background: pink;
}
.layout {
  width: 100%;

  display: grid;
  grid:
    "header header header" auto
    "leftSide body rightSide" 1fr
    "footer footer footer" auto
    / auto 1fr auto;  gap: 8px;
}

.header { grid-area: header; }
.leftSide { grid-area: leftSide; }
.body { grid-area: body; }
.rightSide { grid-area: rightSide; }
.footer { grid-area: footer; }

img { 
  max-width: 100%; 
  height: auto; }