.introSlidePopup {
    width: 1000px;
    height: 700px;
    background: var(--color-bg-default);
    box-shadow: #222222 3px 3px 8px;
}

.introSlideContainer {
    height: 100%;
    width: 100%;
}

.introSideMenuContainer {
    float: left;
    position: relative;
    padding: 15px;
    width: 220px;
    background-color: #323232;
    height: 100%;
}

    .introSideMenuContainer
    h1 {
        margin-top: 15px;
        color: var(--Background);
        font-size: 24px;
    }

.introSideMenu {
}

.introSideMenuRow.selectedIntroSlidePage {
    border-left: 2px solid var(--Background);
    color: var(--Background);
    font-weight: bold;
}

.introSideMenuRow {
    width: 100%;
    padding-left: 15px;
    display: inline-block;
    border-left: 3px solid transparent;
    font-size: 16px;
    letter-spacing: 0.3px;
    margin: 10px 0;
    color: #909093;
    cursor: pointer;
}
    .introSideMenuRow:hover {
        border-left-color:white;
    }

    .introMainPageContainer {
        float: left;
        width: 780px;
        height: 100%;
    }

.introMainPageTopContainer {
    float: left;
    height: 500px;
    display: inline-block;
    width: 100%;
}
.introMainPageTopContainerHigh {
    float: left;
    height: 450px;
    display: inline-block;
    width: 100%;
}
.introMainPageTopContainer
.fixedRightCloseButton {
    margin:5px;
}

.introPageBackgroundImage {
    width: 100%;
    height: 100%;
}

.introMainPageBottomContainer {
    float: left;
    display: inline-block;
    width: 100%;
    padding:25px 30px;
    height: 200px;
    background-color: #1a1a1a;
    color:white;
}
    .introMainPageBottomContainer
    h1 {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 600;
    }
    .introMainPageBottomContainer
    p {
        margin-top: 5px;
        font-size: 18px;
        font-weight: 300;
        letter-spacing: 0.2px;
    }
.introMainPageBottomContainerHigh {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 20px;
    height: 250px;
    background-color: #1a1a1a;
    color: white;
}

    .introMainPageBottomContainerHigh
    h1 {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 600;
    }

    .introMainPageBottomContainerHigh
    p {
        margin: 20px 0;
        font-size: 18px;
        font-weight: 300;
        letter-spacing: 0.2px;
    }
.introNextPageButtonContainer {
    position:absolute;
    bottom:25px;
    left:25px;
}
.genericLowStyleButton {
    float: left;
    font-size: 16px;
    cursor: pointer;
    border-radius: 10px;
    padding: 6px 16px 8px 16px;
    border: 2px solid #C1C1C1;
    color: #C1C1C1;
}
.genericLowStyleButton:hover {
    color:white;
    border-color:white;
}
.tipContainer {
    padding: 3px 0;
    font-size:16px;
    display:inline-block;
}

.tipStart {
    margin-right: 5px;
    padding-bottom: 10px;
    font-weight: bold;
    float: left;
}

.tipText {
    display: contents;
    height: 35px;
    float: left;
    margin-right: 5px;
    font-weight: 300;
}

.highlightedText {
    font-weight:600;
}