.paletteWrapper{
    width: 100%;
    height:fit-content;
}

.replacePaletteWrapper{
    width: 100%;
    height:fit-content;
    margin-bottom:5vh;
}
.fullPaletteWrapper {
    width:fit-content;
    min-width: 80vw;
}
.paletteBox {

height: fit-content;
padding-bottom:5vh;
min-height: 15vh;
width: 100%;
border: 5px solid rgba(128,173,160,.4);
}
.replacePaletteBox {

    height: fit-content;
    padding-bottom:5vh;
    display:inline-block;
    width: 50px; 
    height: 50px;
    border: 5px solid rgba(128,173,160,.4);
}
/* .paletteFill {
    width: 100%;
    height: 100%;
    height: fit-content;
padding-bottom:5vh;
min-height: 15vh;
width: 100%;
} */
.paletteLabel {
color: white;
cursor: text;
background: rgba(0,0,0,1);
width:fit-content;
}
.paletteLabel span {
    color: rgba(255,255,255,.5);
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.replacePaletteLabel {
    color: white;
    cursor: text;
    background: rgba(0,0,0,1);
    width:fit-content;
    display:inline-block;
    }
    .replacePaletteLabel span {
        color: rgba(255,255,255,.5);
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Old versions of Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                      supported by Chrome, Edge, Opera and Firefox */
    }
.labelBox  {
    font-family:'Courier New', Courier, monospace;
    
    font-size: 3vw;
    
    margin: 10px;
    
}
.replaceLabelBox {
    font-family:'Courier New', Courier, monospace;
    
    font-size: 3vw;
    display:inline-block;
    margin: 10px;
}
#fadeout, #fadeout2 {
    width: fit-content;
    margin-left:5vw;
    margin-top: 30vh;
    padding-right: 5vw;
}
section {
    height: fit-content;
    min-height: 200vh;
}