body {
  margin: 0;
  padding: 0;

  display: flex;
  flex-direction: column;


  box-sizing: border-box;

 background-image: url("images/windows.jpg");
 background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

}

.penguin {
  height: 150px;
  width: 180px;
  object-fit: cover;  
  position: absolute;
  top: 50px; 
  left: 200px;
  margin: 0;    
}

.mirrorball {
    height: 200px;
  width: 180px;
  object-fit: cover;  
  position: absolute;
  top: 50px; 
  left: 400px;
  margin: 0;  
}

.quickfo {
    background-color: white;
    box-shadow: 0px 0px 15px rgba(129, 225, 250, 0.4);
    border-radius: 7px;
    text-align: center;
  height: 60px;
  width: 180px;
  position: absolute;
  top: 50px; 
  left: 200px;
  margin: 20px;
  border: 1.5px solid black;
  
}

.wrap {
  	max-width: 800px;
	margin: 5px auto;
	width: 100%;
}

.things1 {
  height: 210px;
  width: 220px;

  left: 200px; 
  top: 100px;  

  display: flex;
  justify-content: center;
  align-items: center;

}


.nayeon {
  height: 150px;
  width: 180px;
  object-fit: cover;  
  border-width: 10px;
  border-style: solid;

  border-image: url("images/stars.gif") 30 stretch;
}


.things2 {
    background-color: white;
    border: 1px ;
    box-shadow: 0px 0px 15px rgba(129, 225, 250, 0.4);
    border-radius: 7px;
    padding: 20px;
    width: 80%;          
    margin: 50px auto;    
    min-height: 150px;   
    text-align: center;   
}


  
.titlebar {
 height: 100px;
  width: 700px;
  position: relative;
  margin-bottom: 20px;
  top: 90px;

}

.ransom {
   height: 100px;
  width: 700px;
}