#joinSection{
    grid-column: 2/4;
    background:
            url("../img/end.png") padding-box,
            var(--glow),
            linear-gradient(rgba(47, 47, 47, 0), rgba(40, 40, 40, 0)) border-box;
    background-attachment: fixed;
    display: flex;
}
#ips{
    backdrop-filter: blur(3px);
    background: rgba(44, 101, 42, 0.12);
    border-radius: 20px;
    padding: 0 10px 0 15px;
    min-width: 17rem;
    max-height: 80%;
}
#iconLarge {
    margin: auto 0 auto auto;
}
#iconLarge img{
    max-width: 100%;
}
#descTitle{
    background: linear-gradient(90deg, #383def, #5b12c9);
    -webkit-background-clip: text;
    color: transparent;
}
#render{
    min-height: 400px;
    grid-row: 3/5;
    grid-column: -4/-2;
}
#decBox{
    grid-column: 1/2;
    grid-row: 1/2;
}
#discordBox{
    grid-row: 2/4;
    grid-column: 3/4;
    overflow: hidden;
    padding: 0;
}
#videoYouTube{
    overflow: hidden;
    padding: 0;
    min-height: 11rem;
}
.elementPlayer{
    display: flex;
    gap: 0.2rem;
    align-items: center;
}
.headPlayer{
    transition: ease-in-out 100ms;
}
.headPlayer:hover{
    scale: 1.2;
    transition: 200ms;
}
.loading-text::after {
    content: "";
    animation: dots 0.5s steps(3, end) infinite;
}
.Transparent{
    color: rgba(255, 255, 255, 0.29);
    font-weight: bold;
}
#contentPlayer{
    max-height: 12rem;
    overflow: hidden;
}
#backGroudAux{
    display: none;
}
.Question{
    grid-row: 1/3;
    grid-column: 1/2;
}
@keyframes dots {
    0%   { content: ""; }
    33%  { content: "."; }
    66%  { content: ".."; }
    100% { content: "..."; }
}