*{
    margin: 0;
    padding: 0;
    font-family: 'Comfortaa', cursive;
    user-select: none;
    /* cursor: none; */
}
.xtr_links_1{
    text-decoration: none;
}



body{
    background-color: rgb(255, 255, 255);
}
.menuBar_area{
    position: sticky;
    width: 100%;
    box-shadow: 0 4px 8px -2px rgb(192, 192, 192);
    background-color: #1387fc;
    padding: 20px 0px;
}
.site_logo{
    /* padding: 1rem; */
    text-align: left;
    padding-left: 6%;
    padding-right: 7rem;
    font-size: 2rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
    background-color: transparent;
}
.site_logo a{
    color: rgb(255, 255, 255);
}
.site_logo span{
    /* padding: 1rem; */
    font-size: 1.5rem;
    font-weight: 300;
    color: rgb(255, 255, 255);
    background-color: transparent;
}
















.main_area{
    width: 90%;
    max-width: 85rem;
    min-height: 60vh;
    display: flex;
    align-self: center;
    justify-self: center;
    margin: auto;
    margin-top: 3rem;
}

@keyframes txtAnimation {
    0%,100% {
        opacity: 1;
    }
    50% {
        opacity: .6;
        transform: scale(0.999);
    }
}



#msg_text,
#msg_text > span{
    font-family: monospace;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 10vh;
    margin-left: 5vw;
    animation: txtAnimation .7s ease-in-out infinite;

}

#msg_text_2{
    font-family: monospace;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 10vh;
    margin-left: 5vw;

}






















.hidden{
    display: none;
}