body { background-color: rgb(12, 12, 12, 1); }

div {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 16px;

    text-align: center;
    color: white;
}

div.centered {
    margin: auto;
    width: 50vw;
    padding: 10px;
}

a {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 16px;

    text-align: center;
    color: rgb(255, 138, 210, 1);
}

.inline {
    float: left;
}

.center.horzizontal {
    margin-left: auto;
    margin-right: auto;
    width: 8em;
}

.center.vertical {
    min-height: 10em;
    position: relative;
}

.center.both {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform:  translate(-50%, -50%);
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

button {
    border: none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.25s;
    cursor: pointer;

    background-color: transparent;
    border: 2px solid rgb(255, 148, 214, 1);
}

button:hover {
    background-color: rgb(255, 138, 210, 1);
    font-size: 20px;
    color: black;
}

.title {
    font-size: 48px;
    background-image: linear-gradient(90deg, rgba(0,255,250,1) 10%, rgb(255, 160, 252, 1) 60%, rgb(255, 0, 217, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}