:root{
    --clr-dark: #0000c7;
    --clr-light: #c7c7c7;
    --clr-accent: #1957a6;
    --clr-buttontext: #464646;
    --clr-glow: #ece6da;
}


body{
    background-color: #c7c7c7;
}

#BlackScreenImage{
    overflow-x: hidden;
    height: 100px;
    width: 100%;
}

.BlackScreenContainer{
    position: absolute;
}

.scroll-container{
    margin-left: 9px;
    overflow: hidden;
    white-space: nowrap;
    width: auto;
}

.scroll-text {
    font-family: "Bitcount Single";
    font-size: 60px;
    color: var(--clr-accent);
    display: inline-block;
    margin-top: 18px;
    padding-left: 100%; /* Start the text off-screen to the right */
    animation: my-scroll 10s linear infinite; /* 15s controls the speed */
}

@keyframes my-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); } /* Move text completely to the left */
}

.Containers{
    display: block;
}

.EmailNote{
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1fr;
    text-align: center;
    color: var(--clr-buttontext);
}

.SNSButtonContainer{
    display: flex;
    flex-direction: center;
}


.YTButton{
    min-height: 70px;
    min-width: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/ImgFolder/YoutubeIcon.png);
    background-color: transparent;
    border: none;
}

.YTButton:active{
    transform: scale(0.96);
}

.BskyButton{
    min-height: 70px;
    min-width: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/ImgFolder/BskyIcon.png);
    background-color: transparent;
    border: none;
}

.BskyButton:active{
    transform: scale(0.96);
}

.IGButton{
    min-height: 70px;
    min-width: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/ImgFolder/InstagramIcon.png);
    background-color: transparent;
    border: none;
}

.IGButton:active{
    transform: scale(0.96);
}

.TumblrButton{
    min-height: 70px;
    min-width: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/ImgFolder/tumblrIcon.png);
    background-color: transparent;
    border: none;
}

.TumblrButton:active{
    transform: scale(0.96);
}

.VgenButton{
    min-height: 70px;
    min-width: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/ImgFolder/VgenIcon.png);
    background-color: transparent;
    border: none;
}

.VgenButton:active{
    transform: scale(0.96);
}

.button-style{
    font-family: 'Gill Sans MT', sans-serif;
    font-size: 35px;
    color: var(--clr-buttontext);
    height: 125px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/ImgFolder/MetalButton.png);
    background-color: transparent;
    border: none;
}
.button-style:active{
    transform: scale(0.96);
}

.ArtWorkButtonContainer{
    display: flex;
    flex-direction: column;
}

.WarningContainer{
    display: flex;
    flex-direction: column;
}

.TOSContainer{
    font-family: 'Lexend', 'Arial Narrow', Arial, sans-serif;
    color: var(--clr-buttontext);
}

.DODONTContainer{
    font-family: 'Lexend', 'Arial Narrow', Arial, sans-serif;
    color: var(--clr-buttontext);
}

.IMPORTANTContainer{
    font-family: 'Lexend', 'Arial Narrow', Arial, sans-serif;
    color: var(--clr-buttontext);
}

#StepsDesktopIMG{
    display: none;
}

#StepsMoblieIMG{
    width: 100%;
}