body {
    background: #e9f4f7;
    color: #114D5F52;
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
        #utc-plus-one-time {
            position: absolute;
            top: 0;
            right: 0;
            padding: 10px;
            background-color: #e9f4f7;
        }

#TMAC {
        color: red;
}

a{
 color: #114D5F52;
}

.full {
    display: flex;
    flex-direction: column;
    align-items: center;

}

@keyframes disappear {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0; transform: scale(0); }
    100% { opacity: 0; transform: scale(1); }
}

@keyframes appear {
    0% { opacity: 0; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.2); }
    100% { opacity: 1; transform: scale(1); }
}

.letter {
    display: inline-block;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}