.palette{display:flex;flex-direction:column;outline:5px solid black;margin:3em;position:relative}.titlebar{padding:1vh;display:flex;justify-content:space-between;align-items:center}.palette-title{font-size:20px;font-style:italic;color:#fff}.colors{display:flex;justify-content:space-between}.color-container{width:100%;height:8vh;display:flex;align-items:center;justify-content:center;position:relative;outline:5px solid black}.color-label{width:100;height:25px;background:gray;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;padding:4px}.temperature{width:100%;height:5px;margin-top:5px}.delete-btn{background:#fff;color:#000;border:none;cursor:pointer;font-size:14px;width:30px;height:30px}*{font-family:Arial,Helvetica,sans-serif;color:#e5e5e5}html,body,.left,.right{height:100;padding:0}html{height:100%}body{margin:0}.left,.right{width:50%;height:100vh}.left{background-color:#90505f;position:fixed;left:0;top:0;display:flex;flex-direction:column;justify-content:space-between}.header{padding:2vh;background-color:#3e1927}h1{margin-top:0;margin-left:0;margin-bottom:0;font-size:3rem;font-style:italic;font-weight:700}h2{font-size:1.5rem;font-style:italic;font-weight:700}.form-spacer{height:3rem}menu{background:#646464;height:100%;width:400px;margin:auto;padding:0 0 1rem 0rem}.header{display:flex;width:100%}#formHeading{display:flex;width:100%;background-color:#3e1927;justify-content:center;align-items:center;outline:5px solid black}#formContent{padding:0;font-size:small;background:#333;margin:1rem 2rem;display:flex;justify-content:center;align-items:center;flex-direction:column}input[type=text]{border:1px solid;width:200px;padding:3px;background-color:#3b3b3b}button{color:#000}#palette-title,#colors,#temperature,#submit-button{padding:1rem;font-size:1rem}.right{background:#3e1927;margin-left:50%;overflow:auto}menu{outline:5px solid black}