html{
  font-family: "Times New Roman", Times, serif;
}
#owen {
  width: 1000px;
  height: 600px;
  background-size: cover;
  margin: auto;
  background-image: url('https://files.catbox.moe/yngctu.png');
  background-position: center center;
}
#buttons{
  width: 200px;
  height: 100px;
  padding: 20px;
  margin: auto;
  
}
button{
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
    text-decoration: underline;
  color: blue;
  height: 30px;
    background-color: white;
  border: none;
  font-size: 17px;
}
button:hover{
  color: red;
}
#type:hover{
  color: red;
}
.changed-style{
  width: 700px;
  background-image: url('https://files.catbox.moe/kjnzzz.png');
    background-position: center center;
  background-size: cover;
    border: yellow 2px solid; 
  box-sizing: border-box;
}
#demo {
  white-space: pre-wrap;
}
#shti{
background-color: white;
  width: 1000px;
  height: 600px;
  background-size: cover;
  margin: auto;
}
#shti{ display: none;}
#shitstuff{
  width: 690px;
  height: 600px;
margin: auto;
  background-color: white;
    box-sizing: border-box;
  padding-top: 150px;
  padding-bottom: 150px;
    display: flex;
  flex-wrap: wrap;
}
#computer{
  background-color: pink;
    background-image: url('https://files.catbox.moe/kjnzzz.png');
    background-position: center center;
  background-size: cover;
  width: 310px;
  height: 250px;
  border: 2px yellow outset;
      box-sizing: border-box;
  margin-top: 30px;
}
#text{
  background-color: white;
  width: 380px;
  height: 350px;
        box-sizing: border-box;
  padding: 30px;
}
#type{
  background-color: white;
  border: none;
  font-size: 17px;
  text-align: left;
  width: 200px;
  margin-left: -5px;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
    text-decoration: underline;
  color: blue;
  
}