.full-width-header{position:relative;box-shadow:0px 0px 8px rgb(0 0 0 / 20%)}body{background-color:#fff;transition:1s background-color ease}.navigation-container{background-color:#000;color:#fff;padding:20px;transition:1s box-shadow ease;box-shadow:0px 10px 25px #bfbfbf}.link-top{color:#fff;padding-top:20px;margin-right:5px}.links-top{position:absolute;top:0;right:0;padding-top:20px}.change-color{width:30px;height:30px;border:1px solid #eee;border-radius:100%;display:inline-block;margin-top:15px;margin-right:5px;cursor:pointer}.change-color-light{background-color:#eee}.change-color-dark{background-color:#16161a}.change-color-blue{background-color:#0000ff}.color-title{font-size:2.5rem;font-weight:800;font-family:'Inter',sans-serif}.ion-icon{line-height:rem}.color-paragraph{font-size:1rem;font-weight:100;letter-spacing:2px;text-transform:uppercase}p.bold-p{color:#fff;font-weight:800;opacity:1}.generator-section{text-align:right}.generated-section{padding-top:50px}.generated-section p{padding-bottom:20px;font-weight:800}.color-controls{margin-top:20px}.color-input{font-weight:600;text-transform:uppercase;border:none;border-bottom:2px solid #000;padding:10px;font-size:1rem;background-color:transparent}.color-submit{padding:10px 20px;border-radius:30px;border:none;background-color:#000;color:#fff;font-size:1rem;font-weight:bolder;cursor:pointer}.is-fullheight{display:block !important}.colorBoxColumns{text-align:center}.colorBox{height:150px;display:inline-block;transition:1s background-color ease;cursor:pointer}.bold-p{text-transform:uppercase;letter-spacing:2px;opacity:0.5}h3{font-size:25px;text-align:left;font-weight:700}@media (max-width:1000px){.color-submit{}.colorBoxColumns .column{width:100%}.links-top{position:relative;margin:0 auto}}