.feedback-modal {
	   position: fixed;
	   left: 0;
	   top: 0;
	   width: 100%;
	   height: 100%;
	   background-color: rgba(0, 0, 0, 0.5);
	   opacity: 0;
	   visibility: hidden;
	   transform: scale(1.1);
	   transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	   display: block;
}
.feedback-modal-content {
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   transform: translate(-50%, -50%);
	   background-color: white;
	   padding: 1rem 1.5rem;
	   width: 40rem;
	   border-radius: 0.5rem;
	   display: block;
}
.close-button {
	   float: right;
	   width: 1.5rem;
	   line-height: 1.5rem;
	   text-align: center;
	   cursor: pointer;
	   border-radius: 0.25rem;
	   background-color: lightgray;
   }
.close-button:hover {
	   background-color: darkgray;
}

.show-modal {
	   opacity: 1;
	   visibility: visible;
	   transform: scale(1.0);
	   transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.form-container
{
	background-color: #fff;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 20px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
    border-radius: 8px;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}