#run {
    border: 1px solid rgb(33, 176, 95);
    border-radius: 5px;
    background-color: rgb(0, 0, 0, 0);
    color: rgb(33, 176, 95);
}

#run:hover {
    background-color: rgb(33, 176, 95);
    color: var(--text-color);
}

#run.running {
    border: 1px solid rgb(255, 118, 33);
    border-radius: 5px;
    background-color: rgb(0, 0, 0, 0);
    color: rgb(255, 118, 33);
}

#run.running:hover {
    background-color: rgb(255, 118, 33);
    color: var(--text-color);
}


iframe {
    display: flex;
    color: var(--text-color);
    background-color: var(--primary-color);
    /* border: 1px solid var(--secondary-color); */
    pointer-events: auto;
    border-radius: 5px;
    flex-grow: 1;
    flex-direction: row;
    overflow-y: auto;
    scrollbar-color: var(--secondary-color) rgba(0, 0, 0, 0);
    scrollbar-width: thin;
    height: 1vw;
    z-index: 1;
}

#testPanel{
    display: flex;
}

.currentLine {
    color: rgb(185, 185, 185);
}

#probSelection{
    height: 7vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: center;
    width: 100%;
    padding: 1vw  1vw ;
}

.partSelector{
    flex: 1;
    border: 1px solid gray;
    color: gray;
    border-radius: 5px 0px 0px 5px;
    background-color: rgb(0, 0, 0, 0);
    height: 5vh;
}

.partSelector:nth-of-type(2) {
    border-radius: 0px 5px 5px 0px;
}

.partSelector.selected{
    border: 1px solid var(--text-color);
    color: var(--text-color);
}

.partSelector:hover {
    background-color: var(--text-color);
    color: #000;
}

#probResults{
    display: grid;
    align-items: center;
    height: 7vh;
    border-top: solid 1px var(--secondary-color);
    grid-template-columns: 3fr 2fr;
}

#probWindow{
    flex-grow: 1;
    border: solid 1px var(--secondary-color);
    border-radius: 5px 5px 0px 0px;
    border-bottom: none;
    margin-right: 1vw;
    margin-left: 1vw;
}

#submitCode {
    width: calc(100% - 2vw);
    height: 60%;
    justify-self: right;
    font-size: 1rem;
    border: 1px solid rgb(9, 85, 213);
    border-radius: 5px;
    background-color: rgb(0, 0, 0, 0);
    color: rgb(9, 85, 213);
    margin-right: 1vw;
}

#submitCode:hover {
    background-color: rgb(9, 85, 213);
    color: var(--text-color);
}

#result1,
#result2{
    display: flex;
    border: solid 1px gray;
    border-radius: 5px;
    height: 3vh;
    justify-self: left;
    width: calc(100% - 2vw);
    margin-left: 1vw;
    background-color: var(--primary-color);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    font-size: 1.5rem !important;
}