body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
    color: white;
    font-family: 'Scope One', serif; /* Default font for body */
}

#container {
    text-align: center;
}

#container span {
    font-family: 'Alfa Slab One', cursive; /* Specific font for "MDM is" */
    font-size: 4em; /* Keeps "MDM is" very big */
    font-weight: normal; /* Alfa Slab One is inherently bold */
}

#dynamicText {
    font-family: 'Scope One', serif; /* Specific font for the link */
    font-size: 4em; /* Adjust the size of the link text as needed */
    color: white; /* Ensures the text is white */
    text-decoration: none; /* Removes underline from the link */
}

#dynamicText:hover {
    text-decoration: underline; /* Adds underline on hover */
}

.superindex-icon {
    font-size: 0.2em; /* Smaller size for the superscript effect */
    vertical-align:sub; /* Aligns the icon as superscript */
    line-height: 0; /* Helps with tighter vertical spacing */
}