html,body{margin:0;padding:0}nav{display:flex;align-items:center;justify-content:space-evenly;padding:1.875rem 1rem}#color-selector{min-width:4.375rem;height:3.125rem;margin-right:3rem}#color-choice{padding:1rem;width:18.75rem;border-radius:.5rem;border:1px solid rgb(216,212,212)}#get-color-btn{background-color:#fff;padding:.625rem;border:1px solid rgb(216,212,212);cursor:pointer;margin-left:3rem;border-radius:.3rem}#colors-container{display:flex;height:85%}.colors{display:flex;align-items:flex-end;justify-content:center;color:#f5f5f5;min-width:5%;width:100%}.hex-values{height:0;color:#000}@media screen and (prefers-color-scheme: dark){.hex-values{background-color:#070809;color:#f5f5f5}.nav,#get-color-btn,#color-selector{background-color:#070809}}@media (max-width: 450px){#color-selector{margin-right:.625rem}#get-color-btn{margin-left:.625rem}}