body {
    background-image: url("Pictures/checkertranslucent.gif");
    background-color: purple;
}
.head {
    width: 400px;
    background-color: purple;
    color:white;
    text-align: center;
    border: 2px solid white;
    position: absolute; left: 30%;
}
.wut {
    width:427px;
    background-color: white;
    color:purple;
    text-align: right;
    border: 3px solid purple;
    position:absolute;left:26%;top:30%;
}
.warn {
    width:200px;
    background-color:orange;
    color:white;
    position: absolute;
    text-align: center;
    border:3px solid black;
}
.fact {
     width:297px;
    background-color:orange;
    color:white;
    position: absolute;left:23%;top:60%;
    text-align: center;
    border:3px solid white;
}
.todo {
   width: 200px; 
   background-color: white;
    color:purple;
    text-align: right;
    border: 3px solid purple;
    position: absolute; top: 10%; left: 80%;
}


#mydiv {
  position: absolute;
  z-index: 9;
  background-color: purple;
  text-align: center;
  border: 1px solid white;
}

#mydivheader {
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: #2196F3;
  color: red;
  text-align: right;
}