.name-container {
    user-select: none;

    height: 80%;

    display: flex;

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

.name-div {
    position: absolute;
    display: block;

    width: 100%;
    font-size: 1000%;

    color: white;
    text-align: center;
    text-shadow: 2px 2px #000000;

    user-select: none;
}


.info-div {
    display: flex;
    color: white;

    height: 10%;
    font-size: 150%;
    text-shadow: 2px 2px #000000;

    font-family:'Times New Roman', Times, serif;

    font-weight:lighter;
    align-items: center;
    justify-content: center;

    user-select: none;

}

.name-div:hover {
    transition: color 0.5s ease;
    color:rgb(172, 172, 172);
}

.info-div:hover {
    transition: color 0.5s ease;
    color:rgb(172, 172, 172);
}


model-viewer {
    width: 100%;
    height: 100%;
    margin: 0;
}