.examplebox {
  height: 100px;
  width: 250px;
  border: 5px outset grey;
  background-color: #bfbfbf
  }
.exampletop {
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 25px;
  width: 100%;
  outline: 2px inset lightgrey;
  background-color: #000099;
  font-family: "Courier New", monospace;
  color: white;
  }
.examplebody {
  color: black;
  font-family: "Courier New",monospace;
  align-self: flex-start;
  padding: 0 9px 0 9px;
}
.close {
  width: 15px;
  height: 14px;
  border: 1px outset grey;
  background-color: grey;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  color: black;
  font-family: "Consolas", monospace;
}
.close:hover {
  cursor: pointer;
  border-color: #000099;
  }
h5 {
 padding-left: 5px; 
}
html {
 height: 100%;
 width: 100%;
}
body {
  height: 100vh;
  display:flex;
  justify-content: center;
  align-items: center;
  background-image: url(https://wallpapers.com/images/hd/old-windows-1920-x-1080-background-ngg7bmgpkxrk69lm.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.open {
position: fixed;
top: 50px;
left: 50px;
height: 25px;
width: 25px;
background-color: lightgrey;
border: 2px outset grey;
cursor: pointer;
user-select: none;
display: flex;
align-items: center;
justify-content: center;
}
.open img { 
  width: 25px; 
  height:25px;
  object-fit: contain;
  pointer-events: none; 
}
.open:hover {
  cursor: pointer;
  border-color: #000099;
  }