* {
    font-family: sans-serif;
    color: white;
}

body {
    background-color: #b19cd9;
}

.status {
    background-color: white;
    /* width: 600px; */
    /* height: 200px; */
    border-radius: 12px;
    /* padding: 4px; */
}

.status-container {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    
}

.status-text {
    color: #1B1B1B;

}
 /* OLD:
    .grid-container {
     display: grid;
     grid-template-columns: 50% 25% 25%;
     column-gap: 15px;
     row-gap: 15px;
     justify-content: center;
 } */
 

 /* shamelessly stolen from https://w3bits.com/rainbow-text/ */
 .rainbow-text {
    background-image: repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
    text-align: center;
    background-size: 800% 800%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbow 4s ease infinite;
 }

 @keyframes rainbow { 
    0%{background-position:0% 50%}
    50%{background-position:100% 25%}
    100%{background-position:0% 50%}
}