#page-header,.action-container,.fx-footer-v2{display:none!important}body{display:block!important;flex-direction:unset!important;min-height:100vh}.page-content{padding:0!important;margin:0!important}@font-face{font-family:"Gotham SSm A";src:url(https://www.webfx.com/wp-content/themes/fx/assets/css/special-pages/random-color-picker/../../../fonts/Gotham-ExtraLight.otf);font-weight:200;font-style:normal}*{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{height:100%}body{font:200 18px/1.2 'Gotham SSm A','Gotham SSm B',sans-serif;background:#ffd454;color:#222}body.light{color:#222!important}body.light a{color:#222!important}body.light svg{fill:#222!important}body.light ::selection{background:rgba(0,0,0,.2)}body.light ::-moz-selection{background:rgba(0,0,0,.2)}body.dark{color:#fff!important}body.dark a{color:#fff!important}body.dark svg{fill:#fff}body.dark .tweet{color:#fff;border-color:#fff}body.dark .tweet:hover{background-color:rgba(255,255,255,.15)}body.dark ::selection{background-color:rgba(255,255,255,.25)}body.dark ::-moz-selection{background-color:rgba(255,255,255,.25)}a{text-decoration:none;color:#222;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}a:hover{color:#111}a:focus{outline:0}.c{position:absolute;top:20px;left:20px;font-size:18px;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:1px}.logo{position:absolute;left:50%;bottom:20px;width:30px;height:46px;margin-left:-15px}h1{position:absolute;top:50%;width:100%;font-size:42px;font-weight:200;text-transform:uppercase;line-height:60px;text-align:center;margin-top:-30px;margin-bottom:0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.s{text-transform:none}.tweet{display:inline-block;position:absolute;left:20px;bottom:20px;max-width:100%;height:31px;font:700 13px/29px "Helvetica Neue",Helvetica,sans-serif;color:#222;background-color:transparent;border:1px solid #222;padding:0 8px;border-radius:3px}.tweet:active,.tweet:focus,.tweet:hover{background-color:rgba(0,0,0,.05)}.tweet svg{position:relative;top:2px;margin-right:1px;fill:#222}.oh a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;font-size:60px;font-weight:300;line-height:80px;text-align:center;z-index:1}.oh a span{position:absolute;top:50%;left:0;width:100%;margin-top:-40px}@media only screen and (max-width:400px){.c{top:15px;left:15px}.tweet{bottom:15px;left:15px}.logo{bottom:15px}}.color-display{display:inline-flex;align-items:center;gap:16px;position:relative}.color-hex{cursor:pointer;transition:opacity 0.2s ease}.color-hex:hover{opacity:.8}.copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;background:rgba(0,0,0,.12);border:1px solid currentColor;border-radius:4px;cursor:pointer;transition:all 0.2s ease;-webkit-tap-highlight-color:transparent;position:relative}.copy-btn:hover{background:rgba(0,0,0,.2)}.copy-btn:focus{outline:none;box-shadow:0 0 0 2px currentColor}.copy-btn:active{transform:scale(.97)}.copy-btn svg{width:16px;height:16px;fill:currentColor;flex-shrink:0;transition:transform 0.2s ease}.copy-btn:hover svg{transform:scale(1.1)}.copy-btn-text{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.copy-btn.copied{background:rgba(34,197,94,.25)}.copy-btn.copied svg{fill:#16a34a}body.dark .copy-btn.copied svg{fill:#4ade80}body.dark .copy-btn{background:rgba(255,255,255,.12)}body.dark .copy-btn:hover{background:rgba(255,255,255,.2)}body.dark .copy-btn:focus{box-shadow:0 0 0 2px currentColor}body.dark .copy-btn.copied{background:rgba(74,222,128,.25)}.copy-feedback{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(0,0,0,.9);color:#fff;padding:12px 24px;border-radius:4px;font-size:14px;font-weight:600;letter-spacing:.3px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.3);display:flex;align-items:center;gap:8px}.copy-feedback svg{width:16px;height:16px;fill:#4ade80}.copy-feedback.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}body.dark .copy-feedback{background:rgba(255,255,255,.95);color:#222;box-shadow:0 4px 20px rgba(0,0,0,.2)}body.dark .copy-feedback svg{fill:#16a34a}.color-instruction{display:block;margin-top:30px;font-size:11px;opacity:.45;text-transform:uppercase;font-weight:500;letter-spacing:1.5px}h1.has-copy{display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (max-width:500px){.copy-btn{height:36px;padding:0 12px;gap:5px}.copy-btn svg{width:14px;height:14px}.copy-btn-text{font-size:11px}.color-display{gap:10px}.color-instruction{font-size:10px;margin-top:24px;letter-spacing:1.2px}.copy-feedback{bottom:100px;padding:10px 20px;font-size:13px}}