neumorphic.min.css

:root{--orange:#ff4d0d;--blue:#094f91;--light-blue:#29b6f6;--red:#b71c1c;--pink:#e91e63;--purple:#7b1fa2;--yellow:#ffeb3b;--green:#8bc34a;--gradient:linear-gradient(45deg,
      rgba(255, 29, 17, 0.9),
      rgba(255, 162, 6, 0.9));--dark1:#212121;--dark2:#2e2e2e;--dark3:#484848;--dark4:#666666;--light1:#e9e9e9;--light2:#dbdbdb;--light3:#b4b4b4;--light4:#a1a1a1;--element-background:#e7e7e7;--box-shadow:7px 7px 18px #b9b9b9,-7px -7px 18px #ffffff;--box-shadow-hover:9px 9px 18px #b9b9b9,-9px -9px 18px #ffffff;--box-shadow-active:9px 9px 18px #b9b9b9,-9px -9px 18px #ffffff;--text-color:black;--monospace-font:'Source Code Pro',monospace}.container{background:var(--element-background);box-shadow:var(--box-shadow)}.orange{color:var(--orange)}.dark1,.dark2,.dark3,.dark4{color:#fff}.dark1{background-color:var(--dark1)}.dark2{background-color:var(--dark2)}.dark3{background-color:var(--dark3)}.dark4{background-color:var(--dark4)}.light1,.light2,.light3,.light4{color:var(--dark1)}.light1{background-color:var(--light1)}.light2{background-color:var(--light2)}.light3{background-color:var(--light3)}.light4{background-color:var(--light4)}.orange{background-color:var(--orange)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.p,p{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.pre,pre{padding:.5rem;line-height:1.25;overflow-x:scroll}.blockquote,blockquote{border-left:3px solid #ff4d0d;padding-left:1rem}.bt,.button,button{border-width:0;color:var(--text-color);background-color:var(--element-background);box-shadow:var(--box-shadow);margin-bottom:20px;border-radius:8px;text-align:center;cursor:pointer;font-weight:700;text-decoration:none;outline:0;padding-top:15px;padding-bottom:15px;font-size:1rem;padding-left:40px;padding-right:40px;transition:box-shadow .4s}.bt:hover:enabled,.button:hover:enabled,button:hover:enabled{box-shadow:var(--box-shadow-hover);transition:box-shadow .4s}.bt:active:enabled,.button:active:enabled,button:active:enabled{box-shadow:var(--box-shadow-active);transition:box-shadow .4s}button:disabled{color:var(--dark4)}.conatiner{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.conatiner input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.conatiner:hover input~.checkmark{background-color:#ccc}.conatiner input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.conatiner input:checked~.checkmark:after{display:block}.conatiner .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.display-1{font-size:6rem!important;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem!important;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem!important;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem!important;font-weight:300;line-height:1.2}.radiocontainer{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:.4s}.radiocontainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;transition:.4s}.checkmarkradio{position:absolute;top:0;left:0;height:25px;width:25px;background:#e7e7e7;box-shadow:inset -2px 2px 5px #d9d9d9,inset 2px -2px 5px #f5f5f5;border-radius:50%;transition:.4s}.radiocontainer input:checked~.checkmarkradio{background:#e7e7e7;box-shadow:inset 2px -2px 5px #b1b1b1,inset -2px 2px 5px #ebebeb;transition:.4s}.checkmarkradio:after{content:"";position:absolute;display:none;background:#e7e7e7;box-shadow:inset -2px 2px 5px #d9d9d9,inset 2px -2px 5px #f5f5f5;transition:.4s}.radiocontainer input:checked~.checkmarkradio:after{display:block;transition:.4s}.radiocontainer .checkmarkradio:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:#fff;transition:.4s}.short-code{background-color:var(--element-background);box-shadow:var(--box-shadow);background-color:#00000000;color:var(--text-color);border-radius:8px;padding-top:5px;padding-left:10px;padding-right:10px;padding-bottom:5px;font-family:var(--monospace-font)}.long-code{background-color:var(--element-background);box-shadow:var(--box-shadow);background-color:#00000000;color:var(--text-color);border-radius:8px;padding-top:20px;padding-bottom:20px;padding-left:20px;font-family:var(--monospace-font)}code{font-family:var(--monospace-font)}@media (prefers-color-scheme:dark){body{background:#373737}:root{--text-color:white;--black-white-icon:white;--element-background:linear-gradient(145deg, #3b3b3b, #323232);--box-shadow:7px 7px 18px #2c2c2c,-7px -7px 18px #424242;--box-shadow-hover:-9px -9px 18px #2c2c2c,9px 9px 18px #424242;--box-shadow-active:-9px -9px 18px #2c2c2c,9px 9px 18px #424242}}