body {
    background-color: #F2F6F8;
    font-family: 'inter', sans-serif;
    color: #0F1D2E;
}

#root {
    display: block;
    min-height: 100vh;
}

.loading {
    width: 100px;
    height: 20px;
    
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    
    margin: auto;
    overflow: hidden;
}

.loading::after {
    display: inline-block;
    animation: dotty steps(1,end) 1.5s infinite;
    content: '';
}
  
@keyframes dotty {
    0%   { content: ''; }
    25%  { content: '.'; }
    50%  { content: '..'; }
    75%  { content: '...'; }
    100% { content: ''; }
}
  
@-webkit-keyframes dotty {
    0%   { content: ''; }
    25%  { content: '.'; }
    50%  { content: '..'; }
    75%  { content: '...'; }
    100% { content: ''; }
}

.footer {
    min-height: 50px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.footer p {
    /* neutral-2 */
    color: #5C6E84; 
    padding: 10px;
}

.footer a {
    /* neutral-2 */
    color: #5C6E84; 
}