.outline-000000 {
    text-shadow: -1px 1px 2px #000000, 1px 1px 2px #000000, 1px -1px 0 #000000, -1px -1px 0 #000000;
}

.outline-e60000 {
    text-shadow: -1px 1px 2px #e60000, 1px 1px 2px #e60000, 1px -1px 0 #e60000, -1px -1px 0 #e60000;
}

.outline-ff9900 {
    text-shadow: -1px 1px 2px #ff9900, 1px 1px 2px #ff9900, 1px -1px 0 #ff9900, -1px -1px 0 #ff9900;
}

.outline-ffff00 {
    text-shadow: -1px 1px 2px #ffff00, 1px 1px 2px #ffff00, 1px -1px 0 #ffff00, -1px -1px 0 #ffff00;
}

.outline-008a00 {
    text-shadow: -1px 1px 2px #008a00, 1px 1px 2px #008a00, 1px -1px 0 #008a00, -1px -1px 0 #008a00;
}

.outline-0066cc {
    text-shadow: -1px 1px 2px #0066cc, 1px 1px 2px #0066cc, 1px -1px 0 #0066cc, -1px -1px 0 #0066cc;
}

.outline-9933ff {
    text-shadow: -1px 1px 2px #9933ff, 1px 1px 2px #9933ff, 1px -1px 0 #9933ff, -1px -1px 0 #9933ff;
}

.outline-ffffff {
    text-shadow: -1px 1px 2px #ffffff, 1px 1px 2px #ffffff, 1px -1px 0 #ffffff, -1px -1px 0 #ffffff;
}

.outline-facccc {
    text-shadow: -1px 1px 2px #facccc, 1px 1px 2px #facccc, 1px -1px 0 #facccc, -1px -1px 0 #facccc;
}

.outline-ffebcc {
    text-shadow: -1px 1px 2px #ffebcc, 1px 1px 2px #ffebcc, 1px -1px 0 #ffebcc, -1px -1px 0 #ffebcc;
}

.outline-ffffcc {
    text-shadow: -1px 1px 2px #ffffcc, 1px 1px 2px #ffffcc, 1px -1px 0 #ffffcc, -1px -1px 0 #ffffcc;
}

.outline-cce8cc {
    text-shadow: -1px 1px 2px #cce8cc, 1px 1px 2px #cce8cc, 1px -1px 0 #cce8cc, -1px -1px 0 #cce8cc;
}

.outline-cce0f5 {
    text-shadow: -1px 1px 2px #cce0f5, 1px 1px 2px #cce0f5, 1px -1px 0 #cce0f5, -1px -1px 0 #cce0f5;
}

.outline-ebd6ff {
    text-shadow: -1px 1px 2px #ebd6ff, 1px 1px 2px #ebd6ff, 1px -1px 0 #ebd6ff, -1px -1px 0 #ebd6ff;
}

.outline-bbbbbb {
    text-shadow: -1px 1px 2px #bbbbbb, 1px 1px 2px #bbbbbb, 1px -1px 0 #bbbbbb, -1px -1px 0 #bbbbbb;
}

.outline-f06666 {
    text-shadow: -1px 1px 2px #f06666, 1px 1px 2px #f06666, 1px -1px 0 #f06666, -1px -1px 0 #f06666;
}

.outline-ffc266 {
    text-shadow: -1px 1px 2px #ffc266, 1px 1px 2px #ffc266, 1px -1px 0 #ffc266, -1px -1px 0 #ffc266;
}

.outline-ffff66 {
    text-shadow: -1px 1px 2px #ffff66, 1px 1px 2px #ffff66, 1px -1px 0 #ffff66, -1px -1px 0 #ffff66;
}

.outline-66b966 {
    text-shadow: -1px 1px 2px #66b966, 1px 1px 2px #66b966, 1px -1px 0 #66b966, -1px -1px 0 #66b966;
}

.outline-66a3e0 {
    text-shadow: -1px 1px 2px #66a3e0, 1px 1px 2px #66a3e0, 1px -1px 0 #66a3e0, -1px -1px 0 #66a3e0;
}

.outline-c285ff {
    text-shadow: -1px 1px 2px #c285ff, 1px 1px 2px #c285ff, 1px -1px 0 #c285ff, -1px -1px 0 #c285ff;
}

.outline-888888 {
    text-shadow: -1px 1px 2px #888888, 1px 1px 2px #888888, 1px -1px 0 #888888, -1px -1px 0 #888888;
}

.outline-a10000 {
    text-shadow: -1px 1px 2px #a10000, 1px 1px 2px #a10000, 1px -1px 0 #a10000, -1px -1px 0 #a10000;
}

.outline-b26b00 {
    text-shadow: -1px 1px 2px #b26b00, 1px 1px 2px #b26b00, 1px -1px 0 #b26b00, -1px -1px 0 #b26b00;
}

.outline-b2b200 {
    text-shadow: -1px 1px 2px #b2b200, 1px 1px 2px #b2b200, 1px -1px 0 #b2b200, -1px -1px 0 #b2b200;
}

.outline-006100 {
    text-shadow: -1px 1px 2px #006100, 1px 1px 2px #006100, 1px -1px 0 #006100, -1px -1px 0 #006100;
}

.outline-0047b2 {
    text-shadow: -1px 1px 2px #0047b2, 1px 1px 2px #0047b2, 1px -1px 0 #0047b2, -1px -1px 0 #0047b2;
}

.outline-6b24b2 {
    text-shadow: -1px 1px 2px #6b24b2, 1px 1px 2px #6b24b2, 1px -1px 0 #6b24b2, -1px -1px 0 #6b24b2;
}

.outline-444444 {
    text-shadow: -1px 1px 2px #444444, 1px 1px 2px #444444, 1px -1px 0 #444444, -1px -1px 0 #444444;
}

.outline-5c0000 {
    text-shadow: -1px 1px 2px #5c0000, 1px 1px 2px #5c0000, 1px -1px 0 #5c0000, -1px -1px 0 #5c0000;
}

.outline-663d00 {
    text-shadow: -1px 1px 2px #663d00, 1px 1px 2px #663d00, 1px -1px 0 #663d00, -1px -1px 0 #663d00;
}

.outline-666600 {
    text-shadow: -1px 1px 2px #666600, 1px 1px 2px #666600, 1px -1px 0 #666600, -1px -1px 0 #666600;
}

.outline-003700 {
    text-shadow: -1px 1px 2px #003700, 1px 1px 2px #003700, 1px -1px 0 #003700, -1px -1px 0 #003700;
}

.outline-002966 {
    text-shadow: -1px 1px 2px #002966, 1px 1px 2px #002966, 1px -1px 0 #002966, -1px -1px 0 #002966;
}

.outline-3d1466 {
    text-shadow: -1px 1px 2px #3d1466, 1px 1px 2px #3d1466, 1px -1px 0 #3d1466, -1px -1px 0 #3d1466;
}

body .ql-container,
#view{
    font-size: 30px;
}

.ql-font .ql-picker-label{
    overflow: hidden;
}

.ql-font-inconsolata {
    font-family: "Inconsolata";
}

.ql-font-roboto {
    font-family: "Roboto";
}

.ql-font-mirza {
    font-family: "Mirza";
}

.ql-font-arial {
    font-family: "Arial";
}

.ql-font-press-start-2p {
    font-family: 'Press Start 2P', cursive;
}

.ql-font-kdam-thmor {
    font-family: 'Kdam Thmor Pro', sans-serif;
}

.ql-font-lobster {
    font-family: 'Lobster', cursive;
}

.ql-font-brush-script {
    font-family: 'Brush Script MT', cursive;
}