* {
  margin: 0;
  padding: 0; }

html, body {
  height: 100%;
  font-size: 15pt; }

body {
  display: flex;
  flex-flow: column;
  text-align: center;
  background: url(/image/background-main.gif) no-repeat center center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }

a {
  text-decoration-color: #09f; }

#adjustment {
  text-align: left;
  width: 1140px;
  margin: 0 auto; }

#backgroundContent {
  flex: 1 1 auto;
  background-size: cover; }

#content {
  padding-top: 15px; }

.postStats {
  display: flex;
  gap: 25px; }

.iconComposed {
  display: flex;
  align-items: center;
  animation: gradient 15s ease infinite;
  background: linear-gradient(-45deg, #54ee52, #5400ff, #f754ef, #23d5ab);
  background-size: 400% 400%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent; }

.icon {
  width: 25px;
  height: 25px;
  margin-right: 10px; }

.iconCalendar {
  background: url(/image/icon-calendar.svg) no-repeat; }

.iconPhoto {
  background: url(/image/icon-photo.svg) no-repeat; }

.iconPDF {
  background: url(/image/icon-pdf.svg) no-repeat; }

.iconPhone {
  background: url(/image/icon-phone.svg) no-repeat; }

.iconEmail {
  background: url(/image/icon-email.svg) no-repeat; }

@keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
