:root{--primary-color: #5a7716;--secondary-color: #609d3c;--text-color: #d2e383;--background-color: #4b6e2a;--button-hover-bg-color: #4ee150}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:var(--background-color);color:var(--text-color)}.editor-title{margin:20px 0;text-align:center;color:var(--text-color)}.markdown-editor-container{display:flex;flex-direction:column;align-items:center;margin:20px auto;padding:20px;max-width:1400px;background-color:var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a}.editor-section{display:flex;width:100%;gap:20px;align-items:stretch}.editor-input,.markdown-preview{padding:1rem 2rem;color:var(--text-color);background-color:var(--secondary-color);border-radius:10px;border:3px solid var(--background-color);font-size:1.1rem;height:300px;flex:1;overflow:auto;word-wrap:break-word;overflow-wrap:break-word}.editor-input{resize:none;font-family:Courier New,Courier,monospace}.markdown-preview>*{margin-top:0;padding-top:0}.export-button{padding:.5rem 1rem;cursor:pointer;justify-self:center;max-width:240px;background-color:var(--background-color);color:var(--button-text-color);border:none;border-radius:4px;font-size:1.5rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin-top:20px;transition:background-color .3s}.export-button:hover{background-color:var(--button-hover-bg-color);color:var(--background-color)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:10px;border:3px solid var(--scrollbar-track-color)}@media (max-width: 768px){.editor-section{flex-direction:column}.editor-input,.markdown-preview{height:250px}}:root{--item-bg: #4a9e33;--button-bg: #52d550;--button-hover-bg: #70e07a;--text-color2: #1c2104}.markdown-list-container{margin:20px auto;padding:20px;max-width:1900px;background-color:var(--primary-bg);border-radius:10px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;color:var(--text-color2);display:flex;flex-direction:column;align-items:center;gap:20px;color:#2d5b20}.markdown-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.markdown-item{flex:1 1 calc(33.333% - 20px);max-width:calc(33.333% - 20px);padding:15px;background-color:var(--item-bg);border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.markdown-info{display:flex;flex-direction:row;align-items:center;gap:5px}.markdown-label{font-weight:700;color:var(--text-color)}.markdown-syntax{padding:5px 10px;background-color:#fff;border-radius:5px;font-family:Courier New,Courier,monospace;font-size:.9rem}.copy-button{align-self:flex-start;background-color:var(--button-bg);color:var(--button-text);border:none;border-radius:5px;padding:5px 10px;cursor:pointer;transition:background-color .3s}.copy-button:hover{background-color:var(--button-hover-bg);scale:1.1;transition:scale .3s;color:var(--button-text)}@media (max-width: 768px){.markdown-item{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}}@media (max-width: 480px){.markdown-item{flex:1 1 100%;max-width:100%}}