*{
    cursor:none
}
*{
    font-family: Arial, Helvetica, sans-serif;
}
.container {
  display: grid;
  grid-template-columns: 360px 360px 360px 360px;
  grid-template-rows: 420px 420px;
}
.there{
    cursor: url("there.cur"), auto;
}
.are{
    cursor: url("are.cur"), auto;
}
.three{
    cursor: url("three.cur"), auto;
}
.yellow{
    cursor: url("yellow.cur"), auto;
}
.ducks{
    cursor: url("ducks.cur"), auto;
}
.in{
    cursor: url("in.cur"), auto;
}
.my{
    cursor: url("my.cur"), auto;
}

.shower a{
    position:relative;
    width:100%;
    height: 100%;
    margin:0;
    padding:0;
    display: block;
    cursor: url("shower_click.cur"), auto;
}

.each{
    cursor: url("each.cur"), auto;
}
.has{
    cursor: url("has.cur"), auto;
}
.its{
    cursor: url("its.cur"), auto;
}
.own{
    cursor: url("own.cur"), auto;
}
.tile{
    cursor: url("tile.cur"), auto;
}
.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-style: solid;
  border-color:dodgerblue;
  border-width: 0.2em;
}
.image-container-duck{
  cursor: url("yellow_ducks.cur"), auto;
  border-style: solid;
  border-color:dodgerblue;
  border-width: 0.2em;
}
.they{
    cursor: url("they.cur"), auto;
}
.want{
    cursor: url("want.cur"), auto;
}
.to{
    cursor: url("to.cur"), auto;
}
.be{
    cursor: url("be.cur"), auto;
}
.released a{
    position:relative;
    width:100%;
    height: 100%;
    margin:0;
    padding:0;
    display: block;
    cursor: url("released_button.cur"), auto;
}
#myvideo{
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    cursor: url("three_duckss.cur"), auto;
}