@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Roboto,sans-serif}ul{display:flex;flex-direction:row;list-style-type:none}li{padding:10px}h1{font-size:18px}h2,h3{font-size:16px}button{background-color:var(--base-color-dark-grey);border:none;border-radius:4px;color:var(--base-color-white);cursor:pointer;display:inline-block;font-size:14px;max-width:14em;padding:15px 32px;text-align:center;text-decoration:none}button:hover{background-color:var(--base-color-pink);cursor:pointer}button:disabled,button:disabled:hover{cursor:default;opacity:.2}button:disabled:hover{background-color:var(--base-color-dark-grey)}:root{--base-color-black:#1f1235;--base-color-dark-grey:#3e3e3e;--base-color-mid-grey:#878787;--base-color-light-grey:#f3f3f3;--base-color-light-beige:#f8f5f2;--base-color-white:#fcfcfc;--base-color-pink:#ff8280;--base-color-dark-pink:#b44d4b}.app-vertical-bar{grid-template-areas:"colorbar content";grid-template-columns:auto auto}.app-horizontal-bar,.app-vertical-bar{background-color:var(--base-color-white);display:grid;height:100vh;overflow:hidden}.app-horizontal-bar{grid-template-areas:"colorbar" "content"}.colorBar{grid-area:colorbar}.rightSideBar{display:flex;flex-direction:column;gap:1rem;overflow-y:scroll;width:100%}.aboutSection{background-color:var(--base-color-light-beige);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:30px}.aboutSectionLeft{display:flex;flex-direction:column;min-width:235px;padding:10px;width:30%}.aboutSectionRight{flex-direction:column;padding:10px;width:60%}.aboutSectionTextBoxContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin:0;padding:1rem}.colorPaletteSection{align-items:flex-end;background-color:var(--base-color-white);display:flex;flex-direction:row;flex-wrap:wrap;gap:4rem;padding:2rem}.tableSection{background-color:var(--base-color-light-beige);padding:2rem}.mockupSection{background-color:var(--base-color-white);display:flex;flex-direction:column;gap:2rem;padding-left:2rem}.summarySection{background-color:var(--base-color-light-beige)}.mockup-section-title{align-items:baseline;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;gap:.2rem;justify-content:flex-start;margin:0}.primaryButton{background-color:var(--base-color-pink);color:var(--base-color-black)}.primaryButton:hover{background-color:var(--base-color-dark-pink);color:var(--base-color-white)}.big-title{font-size:26px}.h2-title{color:var(--base-color-black);font-size:22px}.see-contrast-heading{align-items:baseline;display:flex;flex-direction:row;gap:.2rem;justify-content:flex-end;margin:0;padding-right:4rem}.h3-small{font-size:16px;font-weight:400}.flex-end{display:flex;justify-content:flex-end}.p-small-about{font-size:14px;line-height:150%;max-width:50ch}.row{align-items:baseline;display:flex;flex-direction:row;justify-content:left}.default-palettes-container{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:.8rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.default-palette-container{align-items:center;display:flex;flex-direction:row;gap:.3rem}.default-palette-container:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}.speech-bubble{background:var(--base-color-pink);border-radius:4px;color:#000;font-size:14px;line-height:2em;margin:30px 10px;max-height:150px;max-width:270px;min-height:90px;min-width:7em;padding:0 1em;position:relative;text-align:center;vertical-align:top}.speech-bubble:after{border:1em solid transparent;border-top:1em solid var(--base-color-pink);content:"";height:0;left:50%;margin-left:-5em;position:absolute;top:100%;width:0}.speech-bubble-text{font-weight:400}.contrastTable{border-radius:4px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tableHeader{align-items:center;border:none;display:flex;flex-direction:row;gap:2rem;justify-content:left;margin-left:2px;padding-bottom:12px;width:100%}.tableBody{background-color:var(--base-color-light-grey);border:15px solid var(--base-color-light-grey);border-radius:4px}table,td,th{border:4px solid var(--base-color-white);border-collapse:collapse}td,th{background-color:var(--base-color-light-grey);font-size:14px;min-width:85px;padding:6px}.colorBox{float:left;height:20px;width:20px}.table-text-header{float:left;font-weight:400;margin:0 4px}.table-text-entry{margin:0 4px;text-align:center}.radio-button-container{align-items:center;display:flex;flex-direction:row-reverse;gap:.3rem}.radio-button{-webkit-appearance:none;appearance:none;background-color:var(--base-color-light-grey);border:.1rem solid var(--base-color-mid-grey);border-radius:50%;font:inherit;height:1.15rem;margin:0;width:1.15rem}.radio-button:checked{background:var(--base-color-mid-grey);border:4px solid var(--base-color-light-grey);outline:max(1px,.1rem) solid var(--base-color-mid-grey)}.mockup-element-content{display:flex;flex-direction:column;justify-content:center;padding:1rem;pointer-events:none;-webkit-user-select:none;user-select:none}.mockup-color-bar-color{align-items:center;border-radius:0;border-right:1px solid var(--base-color-dark-grey);display:flex;height:6rem;justify-content:center;padding:0;width:3rem}.mockup-color-bar-color-top{border-bottom:1px solid var(--base-color-dark-grey);border-top-left-radius:4px}.mockup-color-bar-color-bottom{border-bottom-left-radius:4px}.mockup-color-picker-list{border:2px solid var(--base-color-white);margin:0;padding:0}.color-picker-list-item-wrap,.colorBlock{height:25px;padding:0}.colorBlock{border-radius:0;width:25px}.hide-text{display:none}.mockupElement{border:5px solid var(--base-color-light-grey);min-width:316px}.mockup-illustration-container{align-items:center;display:flex;justify-content:center;padding:1.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.vertical-bar{border-right:2px groove var(--base-color-dark-grey);grid-template-areas:"togglebutton" "colorlist" "addbutton";grid-template-rows:82px 1fr 82px;height:100vh}.horizontal-bar,.vertical-bar{background-color:var(--base-color-light-grey);display:grid}.horizontal-bar{border-bottom:2px groove var(--base-color-dark-grey);grid-template-areas:"togglebutton colorlist addbutton";grid-template-columns:82px 1fr 150px;height:100px;width:100vw}.vertical-color-list{display:flex;flex-direction:column;gap:1rem;grid-area:colorlist;margin:0 1rem;overflow-x:hidden;overflow-y:scroll;padding:0}.horizontal-color-list{flex-wrap:nowrap;gap:1rem;grid-area:colorlist;margin:1rem;overflow-x:scroll;overflow-y:hidden;padding:0}.my-color-list-item{padding:0}.toggle-button{grid-area:togglebutton;padding:0;width:50px}.addColorButton,.toggle-button{align-items:center;display:flex;height:50px;justify-content:center;margin:1rem}.addColorButton{font-size:12px;grid-area:addbutton;padding:.7rem}.colorInput{align-items:center;background-color:var(--base-color-white);border:2px solid var(--base-color-mid-grey);border-radius:4px;display:flex;flex-direction:row;margin-bottom:5px;min-width:125px;padding:2px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.inputForColor{-webkit-appearance:none;background-color:initial;border:none;cursor:pointer;height:35px;outline:none;width:35px}.hex-input{background-color:initial;font-size:12px;width:70px}.deleteInput{align-items:center;background:var(--base-color-white);color:var(--base-color-black);cursor:pointer;display:flex;font-size:10px;height:1.2rem!important;justify-content:center;padding:.2rem;width:1.2rem!important}.deleteInput:hover{background-color:var(--base-color-dark-grey);color:var(--base-color-light-grey);cursor:pointer}.mockup-graph{align-items:center;background-color:var(--base-color-white);border:5px solid var(--base-color-light-grey);border-radius:4px;display:flex;flex-direction:row;font-size:12px;gap:.5rem;height:12rem;min-width:316px;padding-left:.4rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.piechart{border-radius:50%;height:130px;width:130px}.footer{align-items:center;display:flex;height:10rem;justify-content:center;width:100%}.textBox{border-radius:4px;flex-direction:column;margin:0;min-height:135px;min-width:180px;padding:20px 16px}.textBox,.title{display:flex;gap:.3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.title{align-items:center;height:inherit;justify-content:center}.h1-text-box{font-size:16px;font-weight:400}.p-text-box{font-size:14px;line-height:150%;margin:0;max-width:30ch}.mockupElement{background-color:var(--base-color-white);border-radius:4px;flex-direction:row}.mockup-color-bar,.mockupElement{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mockup-color-bar{flex-direction:column}.mockup-test-button-container{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:center;padding:1rem;width:100%}.mockupn{transition:box-shadow .1s ease-in-out}.mockupn:hover{box-shadow:1px 1px;-webkit-transform:scale(1.04);transform:scale(1.04)}.contrast-summary-content{background-color:var(--base-color-white);border-radius:4px}.contrast-summary-list-item{align-items:center;display:flex;flex-direction:row}.color-combo-circle{border-radius:30px;border-style:solid;border-width:30px;height:0;width:0}.color-combo-text{margin:0;padding:.1rem 0 .1rem .8rem}.contrastSummary{background-color:var(--base-color-light-grey);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem;width:14rem}.contrastSummaryHeading{align-items:center;display:flex;flex-direction:row;gap:1rem;width:100%}.contrastSummaryHeadingFont{font-size:14px;font-weight:400;margin:0}.contrastSummaryList{align-items:center;flex-wrap:wrap;margin:.1rem;min-height:40px;padding:0}.contrastSummaryListItem{margin:.3rem;padding:0}.color-palette-container{border:2px solid var(--base-color-mid-grey);border-radius:4px;display:flex;flex-direction:row;height:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.color-palette-color{height:inherit;width:30px}
/*# sourceMappingURL=main.6ba61313.css.map*/