:root {
    --siteColorTheme: rgb(162, 0, 255);
    --windowTitleColor: white;
    --windowParagraphColor: white;
    --windowParagraphFontSize: 20px;
    --windowWidth: 65dvw;
    --windowImageSize: 20dvw;
    --windowBorderImage: url(img/dances/border.png);
    --windowBackground: url(img/dances/windowbg.gif);
    --cursor: url('img/dances/cursor.cur');
    --Background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(69, 0, 69)50%, rgb(0, 0, 0) 100%);
}

.sidebar h1 {
    animation: SideBarTitlePulse 0.207s alternate infinite;
}

.title h1 {
    animation: MainTitlePulse 0.207s alternate infinite;
}

.mainpage {
    animation: IntroMainPage 1.5s forwards;
}

.window .img {
    width: 10px;    
}

@keyframes IntroSidebarLeft {
    from {
        margin-left: -30%;
    }
    to {
        margin-left: 0%;
    }
}

@keyframes IntroSidebarRight {
    from {
        margin-right: -30%;
    }
    to {
        margin-right: 0%;
    }
}

@keyframes IntroMainPage {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0%);
    }
}

@keyframes IntroWebRingsAndMusicCredits {
    from {
        transform: translateY(-500%);
    }
    to {
        transform: translateX(0%);
    }
}

@keyframes MoveText {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-14.4%);
    }
}

@keyframes SideBarTitlePulse {
    from {
          color:rgb(255, 255, 255);
    }
    to {
          color:var(--siteColorTheme)
    }
}

@keyframes MainTitlePulse {
    from {
        color:rgb(255, 255, 255);
        transform: scale(1.6);
  }
  to {
        color:var(--siteColorTheme);
        transform: scale(2);
  }
}