/*ANDI*/
.container-andi {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    /* transform: scale(0.5) !important; */
}

.pulse-main {
    animation: pulse-main 1s infinite alternate-reverse
}

@keyframes pulse-main {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*BACKGROUNDS*/

.background1 {
    width: 100%;
    height: 100%;
    border: 1px gray solid;
    background-color: white;
    border-radius: 50px;
}

.background2 {
    width: 100%;
    height: 100%;
    border: 1px gray solid;
    background-color: white;
    border-radius: 20px;
}

.black-overlay {
    background-color: rgba(0, 0, 0, 0.5);
}

.opaque {
    opacity: 1 !important;
}

/*TEXT*/
.title-text,
.default-text,
.small-text {
    margin: 0;
    color: black;
    font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
}

.title-text,
.title-text2 {
    font-size: 31pt;
}

.title-text2 {
    font-weight: bold;
}

.default-text {
    font-size: 23pt;
}

.small-text {
    font-size: 18pt;
}

p, div {
    color: white;
}

/*LAYOUT*/

.center-element {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.center-element-horizontal {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.center-element-vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}