footer {
    background-color: #242729;
    padding: 3rem 1.5rem 6rem;
    color: #848d95;
    padding-bottom: 1rem!important;
}

.footer {
	text-align: center;
	background-color: var(--footerBackground);
  	margin-top: 3em;
}

#timer:hover {
	cursor: pointer;
}

input:read-only,
textarea:read-only {
  background-color: #e4e4e4;
}

.x-justify-center {
    justify-content: center;
}

.x-items-center {
    align-items: center;
}

.main-content:first-child {
    margin-top: 0 !important;
    padding: 0 !important;
}

::placeholder {
    color: gray !important;
    opacity: .65 !important;
}

.char-counter {
    color: gray;
}

.text-danger {
    font-size: 14px !important;
}