@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

body {
    background-color: rgb(40, 40, 40);
    color: rgb(255, 255, 255);
    overflow: hidden;
}

* {
    font-family: "Open Sans", serif !important;
    transition: all 0.125s ease;
}

.Nonmetal, .NobleGas {
    background-color: rgb(100, 100, 155);
    --Color: rgb(100, 100, 155);
}

.Metalloid {
    background-color: rgb(155, 155, 100);
    --Color: rgb(155, 155, 100);
}

.Metal {
    background-color: rgb(155, 100, 100);
}

.Transition {
    background-image: url("../../images/Transition.svg");
    background-size: cover;
}