#colorDisplayL {
   width: 35%;
   margin-left: 15px;
}

#colorDisplayR {
   width: 35%;
   margin-right: 15px;
}

.colDisp {
   margin: auto;
   width: 100%;
   height: 75px;
   display: block;
}

.columns {
   width: 100%;
   text-align: center;
   display: flex;
   justify-content: space-around;
}

.colVal {
   margin: auto;
   width: 80%;
   padding: 25px 0;
   font-size: 1.1rem;
   font-weight: 500;
   /* display: flex;
   flex-direction: column;
   justify-content: space-around; */
}

.form {
   margin: 25px auto;
   width: 70%;
   display: flex;
   justify-content: space-evenly;
}

.headings {
   margin: 0 auto;
   padding: 20px;
   text-align: center;
}

.instDisp {
   font-size: 1.1rem;
}

.instDisp2 {
   margin: 25px;
   padding: 15px;
   background-color: #f7f4ec;
   color: brown;
   border: 2px solid black;
   border-radius: 8px;
}

.leftColumn {
   width: 55%;
   text-align: center;
   vertical-align: middle;
   border: none;
}

.mainLeft {
   width: 50%;
   margin: 0 auto;
   padding: 0 0 20px 0;
   display: block;
}

.mainRight {
   width: 50%;
   margin: 0 auto;
   padding: 0 0 20px 0;
   display: block;
}

.mainWindow {
   margin: 0 auto;
   width: 90%;
   text-align: center;
   display: flex;
   justify-content: space-evenly;
}

.rightColumn {
   width: 55%;
   text-align: center;
   vertical-align: middle;
}