@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap);body,html{background-color:#202124;height:100%;margin:0;overflow-x:hidden;padding:0}#root{min-height:100vh}#root,.App{display:flex;flex-direction:column}.App{background-color:#202124;color:#eaeaeb;flex-grow:1;font-family:Jost,sans-serif;width:100%}.Content{height:100%}.separator{border-color:#54585c;border-style:solid;z-index:10000}button{background-color:initial}button:focus,button:hover{background-color:#324b7f}.navlink{-webkit-tap-highlight-color:transparent}.navlink,.navlink:active,.navlink:focus{background-color:initial;outline:none}header{color:#fff;justify-content:space-between;padding:.5rem}.hamburger-name,header{align-items:center;display:flex}.hamburger-name{-webkit-tap-highlight-color:transparent;gap:1.25rem;outline:none}.app-name,.name{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.name{align-items:center;gap:.25rem;padding-right:1rem}.name,.name span,aside{display:flex}aside{background-color:#2b2d31;bottom:0;flex-direction:column;justify-content:space-between;position:absolute;top:64px;transform:translateX(-120%);transition:all .5s ease;z-index:10}aside.active{transform:translateX(0)}.aside-ul{list-style-type:none}.aside-ul li{-webkit-tap-highlight-color:transparent;cursor:pointer;display:flex;gap:.5rem;outline:none;padding:1.5rem}.aside-ul li:hover{box-shadow:4px 0 15px #00000080}footer{font-size:.9rem;padding:.5rem;text-align:center}@media (min-width:900px){aside{width:300px}}*{box-sizing:border-box;margin:0;padding:0}.color-blindness{align-items:center;display:flex;flex-direction:column;width:100%}.color-blindness section{max-width:800px;width:80vw}.color-blindness-nav{-webkit-tap-highlight-color:transparent;background-color:initial;margin:.75rem 0;outline:none;padding-top:0}.color-blindness-nav ul{align-items:center;cursor:pointer;display:flex;flex-direction:row}.link{color:#eaeaeb;text-decoration:none}.color-blindness-nav ul .link.active{background-color:#2b2d31;border-radius:5px;padding:.75rem}.color-picker-page{width:100%}.pick-color{flex-direction:column}.color-input-group,.pick-color{align-items:center;display:flex}.color-input-group{font-size:1.15rem;font-weight:500;max-width:800px;width:80vw}.color-input-group label{text-wrap:nowrap}.color-input-group input{border:none;cursor:pointer;margin:.5rem 0 .5rem .5rem;max-width:800px;padding:.45rem;width:100%}.show-color{border-radius:10px;height:50vh;max-width:800px;width:80vw}.color-settings{align-items:center;display:flex;flex-direction:column;margin-top:1rem}.color-settings select{background-color:#344664;border-radius:5px;color:#eaeaeb;cursor:pointer;font-size:.9rem;margin-bottom:.5rem;max-width:800px;padding:.5rem;width:80vw}.color-settings select option{padding:.5rem}.color-settings button{background-color:#3e5478;border:none;border-radius:5px;cursor:pointer;font-size:1.05rem;max-width:800px;padding:.5rem;transition:background-color .25s ease;width:80vw}.color-settings button:focus,.color-settings button:hover{background-color:#344664}.img-selector-page{align-items:center;display:flex;flex-direction:column;width:100%}.color-blindness-nav{max-width:800px;width:80vw}.color-blindness-nav ul{justify-content:space-around}main{align-items:center;display:flex;flex-direction:column}input{-webkit-tap-highlight-color:transparent;background-color:#2b2d31;border-radius:5px;cursor:pointer;max-width:800px;outline:none;padding:.5rem;width:80vw}.image-container{border-radius:5px;display:flex;margin:1rem}.display-image,button,select{border-radius:5px;max-width:800px;width:80vw}button,select{background-color:#344664;border:none;color:#eaeaeb;cursor:pointer;font-size:.9rem;margin-bottom:.5rem}button,select{-webkit-tap-highlight-color:transparent;outline:none;padding:.5rem}button{background-color:#3e5478;font-size:1rem;margin-bottom:1rem;transition:background-color .15s ease}button:focus,button:hover{-webkit-tap-highlight-color:transparent;background-color:#344664;outline:none}button:active{transform:translate(1.1)}.color-contrast-page{align-items:center;display:flex;flex-direction:column}.color-contrast-page h2{margin-top:1rem}.show-color-div{margin-top:.75rem;max-width:800px;padding:0;width:80vw}.input-div{text-wrap:nowrap;align-items:center;display:flex;font-size:1.05rem;font-weight:500;gap:.5rem;margin-bottom:1rem;max-width:800px;width:80vw}.input-div #color-picker{border:none;padding:.45rem}.display-container{-webkit-tap-highlight-color:transparent;border:1px solid #54585c;border-radius:5px;display:flex;gap:.25rem;max-width:800px;outline:none;width:80vw}.display-color{align-items:center;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;height:50vh;justify-content:center;width:min(100%,600px)}.first{border-bottom-right-radius:0;border-top-right-radius:0}.second{border-bottom-left-radius:0;border-top-left-radius:0}.simulPage-div{align-items:center;display:flex;flex-direction:column;margin-top:1rem}.back-arrow-nav{display:flex;justify-content:flex-start;max-width:800px;padding:1rem 0;width:80vw}.back-arrow{color:#eaeaeb;transform:scale(2)}.main-show-diff-color{max-width:800px;text-align:center;width:80vw}.diff-color{display:flex;gap:.25rem;width:100%}.display-div{align-items:center;border:1px solid #5c5c5c;border-radius:15px;display:flex;flex-direction:column;gap:.5rem;height:50vh;justify-content:center;margin-top:1rem;max-width:800px;width:80vw}.display1{border-bottom-right-radius:0;border-top-right-radius:0}.display2{border-bottom-left-radius:0;border-top-left-radius:0}.img-simul-page{align-items:center;display:flex;flex-direction:column;text-align:center}.img-simul-page main{margin-top:2rem;max-width:800px;width:80vw}.img-simul-page nav{-webkit-tap-highlight-color:transparent;display:flex;justify-self:flex-start;max-width:800px;outline:none;width:80vw}.display-image-simul{border-radius:5px;margin-top:.5rem;max-width:800px;width:80vw}a{-webkit-tap-highlight-color:transparent;color:#eaeaeb;outline:none;text-decoration:none}.wcag-contrast-page{align-items:center;display:flex;flex-direction:column;padding-top:3vh}.color-picker-section{margin-bottom:1rem}.color-picker-section div{max-width:800px;padding:.25rem 0;width:80vw}.color-picker-section input{border:none;padding:.45rem}.background-div{align-items:center;border-radius:10px;display:flex;height:50vh;justify-content:center;max-width:800px;width:80vw}.wcag-ratio-div{border-radius:5px;font-size:1.1rem;margin-top:1rem;max-width:800px;padding:.25rem;width:80vw}.text-div{font-size:1.3rem}.learn-wcag-google{-webkit-tap-highlight-color:transparent;color:#bcbcbc;display:flex;gap:.25rem;margin-top:.75rem;max-width:800px;outline:none;width:80vw}.learn-wcag-google:focus,.learn-wcag-google:hover{text-decoration:underline}.color-suggestion-page{align-items:center;display:flex;flex-direction:column}.color-suggestion-nav{margin:1.5rem 0}.color-suggestion-nav ul{display:flex;justify-content:space-around}.color-suggestion-nav li{border-radius:5px;list-style-type:none;padding:.5rem}.color-suggestion-nav ul .active{background-color:#2b2d31;border-radius:5px}.color-suggestion-nav .link{padding:.75rem}.color-suggestion-page main{display:flex;justify-content:center;max-width:800px;width:80vw}.main-color-picker-div{text-wrap:nowrap;align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem;max-width:800px;width:80vw}.main-color{border:none;padding:.45rem}.main-color,.show-main{max-width:800px;width:80vw}.show-main{border:1px solid #2a2a2a;border-radius:5px;height:9rem;margin-bottom:1rem}.button{background-color:#3e5478;color:#eaeaeb;max-width:800px;transition:background-color .15s ease;width:80vw}.button:focus,.button:hover{background-color:#344664}.palette-div{flex-direction:column}.display-main-color,.palette-div{display:flex;max-width:800px;width:80vw}.display-main-color{align-items:center;border-radius:5px;height:3rem;justify-content:center;margin-bottom:.5rem;text-shadow:1px 1px 3px #2b2b2b;text-transform:uppercase}.palette{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:row;justify-content:space-between;max-width:800px;outline:none;width:80vw}.show-suggestions{margin-top:1rem}.show-suggestions h3{margin-bottom:.5rem;text-align:left;text-decoration:underline}.suggestions{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem;max-width:800px;outline:none;width:80vw}.divider{align-items:center;display:flex;margin:20px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #54585c;content:"";flex:1 1}.divider:before{margin-right:10px}.divider:after{margin-left:10px}.pick-blindness-select{margin-bottom:2rem;max-width:800px;width:80vw}@media (min-width:800px){.palette,.suggestions{gap:6.25px}}@media (max-width:520px){.palette-div{align-items:center}.button,.color-suggestion-page main,.display-main-color,.main-color-picker-div,.palette,.pick-blindness-select,.show-main,.suggestions{width:90vw}.palette div{width:18vw}}@media (max-width:380px){.palette{display:flex;flex-direction:column-reverse;text-orientation:upright;writing-mode:vertical-rl}}.variants{gap:.5rem}.saved-palette-page,.variants{display:flex;flex-direction:column}.saved-palette-page{align-items:center}.color-suggestion-nav{text-wrap:nowrap;max-width:800px;width:80vw}h2{margin-bottom:1rem}.palette-container{background-color:#2b2d31;border-radius:10px;display:flex;gap:1rem;margin-bottom:.75rem;max-width:800px;padding:.75rem;width:80vw}.palette-colors-container{display:flex;flex-flow:1;gap:.5rem;justify-content:space-between;width:100%}.palette-cell{align-items:center;border:1px solid gray;border-radius:5px;display:flex;flex-flow:1;height:15vh;justify-content:center;padding:.25rem;text-align:center;text-shadow:1px 1px 3px #383838;width:100%}.container-actions{display:flex;flex-direction:column-reverse;justify-content:space-between}.load-link{color:#fff}.saved-palette-container{margin-bottom:2rem}@media (max-width:680px){.palette-container{flex-direction:column}.palette-cell{height:25vh;text-orientation:upright;width:10vw;writing-mode:vertical-rl}.container-actions{flex-direction:row-reverse}}
/*# sourceMappingURL=main.18260546.css.map*/