dialog {
   margin: 0 0 0 auto;
   height: 100%;
   width: clamp(500px, 70%, 2000px);
   padding: 1em;
   border: none;
   background-color: rgba(212, 212, 212, 0.969);
}

dialog img {
   width: 100%;
}

dialog h1 {
   font-size: 2.25rem;
}

dialog h3 {
   font-size: 16px;
   font-weight: lighter;
}


dialog p {
   font-size: 1rem;
   text-indent: 1em;
}


dialog h2 {
   font-size: 1.5rem;
}

.modal-title {
   text-align: center;
}

.modalcontent-container {
   height: 100%;
   width: 100%;
   display: flex;
}

.close-btn {
   background-color: #04AA6D;
   /* Green */
   border: none;
   color: white;
   padding: 15px 32px;
   text-align: center;
   text-decoration: none;
   font-size: 16px;
   float: right;
}

.close-modal:hover {
   cursor: pointer;
   background-color: #037d50;
}

.left-modal {
   width: clamp(100px, 25%, 300px);
   padding: 5px;
}

.right-modal {
   width: 70%;
   padding-left: 15px;
}