.scroll-content {
    position: absolute;
    top: 100%;
    width: 100%;
    animation: scrollUp 20s ease-in-out infinite;
}
@keyframes scrollUp {
    0% {
        top: 10%;
    }
    100% {
        top: -200%;
    }
}

.center-container {
    height: 100%;
    display: grid;
    place-items: center;
}

.centered-div {
    height: 1250px;
    width: 500px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 50px;
    color: rgb(0, 0, 0);
    
    backdrop-filter: saturate(10000%) blur(100px) invert(0%);
    background-blend-mode:color-burn;
    box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.15) ;
}

@font-face {
    font-family: 'Cehua';
    src: url('font/CehuaFreeFree-K7eMl.otf') format('opentype');
}

.RSh1{
    font-family: 'Cehua';
    text-align: center;
    /* position: absolute;  */
    color: rgb(0, 0, 0); 
    text-shadow: 0px 0px 25px rgb(0, 0, 0);
    transition: all linear .5s;
    /* animation: textpulse 8s linear infinite; */
    letter-spacing: 2px;
    
    }

@keyframes textpulse {
    0%{    text-shadow: 0px 0px 25px rgb(255, 255, 255);    }
    50%{    text-shadow: 0px 0px 5px rgb(255, 255, 255);   }
    100%{    text-shadow: 0px 0px 25px rgb(255, 255, 255);  }

}
    
.icon-soc{
    width: 150px; height: 150px;
    background-color: black;
    display: flex;
    box-shadow: 0px 0px 50px rgb(255, 255, 255, .5);
    transition: all ease-in-out 0.5s;
    border-radius: 0%;
    overflow: hidden;
}

.icon-soc:hover {
    scale: 105%;
}

#soc-tab tr, thead, th{
width: auto; height: auto;
display: grid; font-family: 'Cehua';
padding: 2px; text-align: center;
}

/* #soc-tab td{
    padding: 5%;
} */

#soc-tab{
    display: grid;
    place-items: center;
}

#soc-tab:hover{
    filter: drop-shadow(0px 0px 10px #000000);
    transition: all ease-in-out 0.5s;

}