body {
   background-image: url('https://projects.codecraftworks.com/web/f7M5iwOYfoZBwdkp0dec/assets/stealth%20amd%20typhon%20love.jpg');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   font-family: Arial, sans-serif;
   margin: 0;
   padding: 0;
   height: 100vh;
}

#content {
   background-color: rgba(255, 255, 255, 0.8); 
   margin: 0 auto;
   padding: 20px;
   width: 80%;
   max-width: 800px;
   border-radius: 15px;
}

.chat-left {
   background-color: lightgreen;
   float: left;
   border-radius: 10% 10% 10% 10%;
}

.chat-right {
   background-color: lightblue;
   float: right;
   border-radius: 10% 10% 10% 10%;
}

.bubble {
   max-width: 45%;
   margin: 2%;
   padding: 15px 10px;
   clear: both;
}

.image {
   max-width: 95%;
   border-radius: 10px;
}