@font-face {
    font-family: 'GT-America';
    font-weight: 400;
    font-style: normal;
    src: url("/public/fonts/gtamerica/GT-America-Standard-Medium.woff");
}

body {
    height: 100vh;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    margin: 0;
    margin-top: -4rem; /* Raising the height of the page a bit so the content is centered */

    font-family: 'GT-America';

    background-color: black;
}

a {
    color: #F8F6FB;
    text-decoration: underline;
}
a:hover {
    color: #DBCEFF;
}


.err-container {
    width: 50%;
    max-width: 650px;
    min-width: 300px;
    margin: 3rem 0;

    color: white;
}

.error-container__pod-link-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.error-container__pod-link-item {
    line-height: 1.5;
}

.mparticle-logo {
    width: 209px;
}

.button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 143px;
    padding: 18px 18px;
    
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    background-color: #C3AEFF;
    color: #0F0E0E;
    cursor: pointer;
}

.button:hover {
  background-color: #DBCEFF;
    color:  #0f0e0e;
}

.button span {
  display: block;
}

.button .left-icon {
  width: 18px;
  height: 12px;
  background-image: url("/public/img/arrow-left-black.svg");
  background-repeat: no-repeat;
  margin-right: 4px;
}