*{font-family:var(--font-family),sans-serif;margin:0;padding:0}.app{display:flex;flex-direction:column;min-height:100vh}.blogHeaderContainer{padding:.5em 2em;line-height:1.05;width:fit-content}.blogHeaderContainer a{text-decoration:none}#blogName{font-size:3rem}#slogan{font-size:1.5rem;margin-left:.5em}.mainPage{width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1em auto;padding:1em}.articleShowCaseContainer{position:relative;padding:1em;margin:1em;min-height:80px;max-width:750px;border:none;border-radius:10px;box-shadow:4px 10px 7px #00000035;transition:.4s}.articleShowCaseContainer:hover{box-shadow:3px 10px 7px #00000068}.article-link{text-decoration:none;color:inherit;display:block}.articleShowCaseContainer li{list-style:none}.pinnedInfoContainer{position:absolute;display:flex;top:5px;right:8px;color:var(--desc-color)}.pinnedInfoContainer svg{margin-left:5px}.titleDateContainer{display:flex;justify-content:space-between;align-items:center;line-height:150%;font-size:1.5rem;font-weight:700;margin-bottom:.5em}.date{margin:.1em 0 0 .2em;font-size:.9rem;font-weight:400}.descDateContainer{margin-left:.3em}.description{font-size:1.2rem}.generatorContainer{display:flex;flex-direction:column}.generatorContainer h1{margin:1em auto}.generatorContainer input{width:50%;max-width:400px;margin:0 auto 1em}#descBar{height:120px;width:50%}.generatorContainer textarea{width:80%;max-width:700px;height:50vw;max-height:700px;margin:1em auto}.buttonContainer{display:flex;justify-content:center;padding:.5em}.buttonContainer button{padding:.5em;margin:0 1em;min-width:138px;font-weight:700;cursor:pointer}.checkBoxContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.checkbox{width:100%;display:flex;justify-content:center;align-items:center}.checkbox{padding:.25em}.checkbox input{margin:0;width:30px;transform:scale(1.5);cursor:pointer}.directoryButtonContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.directoryButtonContainer button{padding:.5em;cursor:pointer}.previewTitle{width:90%;text-align:center;margin:0 auto!important;border-bottom:1px solid var(--article-in-content-color)}.tooltip-container{position:relative;display:inline-block}.tooltip-button{padding:10px;font-size:14px}.tooltip-text{font-weight:700;visibility:hidden;width:fit-content;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-80px;opacity:0;transition:opacity .3s}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.articleContainer{width:80%;max-width:980px;margin:1em auto 2em;font-size:1.25rem;line-height:1.2}.articleContainer h1{width:fit-content;padding:0 1em;margin:0 auto;font-size:2.25rem;text-align:center}.articleDate{margin:0;color:var(--article-in-title-color);font-weight:500}.articleContainer p{margin-bottom:1em;color:var(--article-in-content-color)}.quoteContainer{display:flex;flex-direction:column;margin-bottom:.7em;justify-content:center;align-items:center;font-size:1.3rem;font-style:italic}.quoteText{font-weight:300;width:80%}.quoteOwner{margin-top:.5em;font-weight:300;width:60%;text-align:right}.quote-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.quote-modal-content{background:var(--articleShowCaseContainer-bg-color);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;width:300px}.quote-modal-content{background:var(--articleShowCaseContainer-bg-color);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;width:400px;height:300px;justify-content:space-around;align-items:center}.quote-modal-content input{margin:0;width:100%}.quote-modal-content button{margin:.25em;padding:.5em;min-width:100px;font-weight:700;cursor:pointer}.articleContainer img{display:block;margin:1em auto;max-width:100%;box-shadow:3px 10px 7px #0000004f}.titleAndDateContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:.5em}.iframeContainer{width:100%;height:400px;margin-bottom:1em;display:flex;justify-content:center;align-items:center}.iframeContainer iframe{width:90%;height:100%;border:none;border-radius:15px;box-shadow:3px 10px 7px #0000004f}.italic{font-style:italic}.bold{font-weight:700}.underlined{text-decoration:underline}.customizeContainer h1{text-align:center}.customizeLabeler{display:inline-block;color:#000;margin:0 auto .25em;padding:.1em .1em .1em 1em;background-color:#fff;width:60%;font-size:2rem;font-weight:700;border-top-right-radius:15px;border-bottom-right-radius:15px}.optionCollection{display:flex;justify-content:space-around;align-items:center;font-size:1.25rem;font-weight:700;max-width:900px;margin:0 auto 1em}.optionContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.optionContainer label{min-width:235px;padding:.5em;margin-bottom:.5em;background-color:#f5f5f5;color:#000;border-radius:15px}input[type=color]{-webkit-appearance:none;border:1px solid rgba(0,0,0,.216);width:50px;height:50px;border-radius:50%;padding:0;cursor:pointer;background:none;box-sizing:border-box}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}input[type=color]::-webkit-color-swatch{border-radius:50%}.footerSettings{margin-top:1em}body{background-color:var(--main-bg-color);color:var(--article-in-title-color)}.blogHeaderContainer{background-color:var(--blog-header-bg)}#blogName{color:var(--title-primary-color)}#slogan{color:var(--title-secondary-color)}.articleShowCaseContainer{background-color:var(--articleShowCaseContainer-bg-color);color:var(--desc-color)}.articleShowCaseContainer:hover{background-color:var(--articleShowCaseContainer-hover-color)}.titleDateContainer{color:var(--article-title-color)}.articleContainer h1{color:var(--article-in-title-color);border-bottom:3px solid var(--article-in-title-color)}.tooltip-text{background-color:var(--articleShowCaseContainer-bg-color);color:var(--article-title-color)}.dynamicToolTipText{color:var(--article-title-color)}.serverStatus{display:flex;align-items:center;font-size:14px;margin:1em 1em 0}.status-indicator{margin:0 10px;padding:3px 8px;border-radius:12px;font-weight:700}.status-indicator.running{background-color:#4caf50;color:#fff}.status-indicator.offline{background-color:#f44336;color:#fff}.status-indicator.error,.status-indicator.unknown{background-color:#ff9800;color:#fff}.refreshButton{background-color:#2196f3;color:#fff;border:none;padding:3px 8px;border-radius:4px;cursor:pointer;font-size:12px}.saveButton.disabled{opacity:.6;cursor:not-allowed}.upload-progress-container{width:100%;height:20px;background-color:#e0e0e0;border-radius:10px;margin:10px 0;overflow:hidden;position:relative}.upload-progress-bar{height:100%;background-color:#4caf50;transition:width .3s ease}.upload-progress-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#333;font-size:12px;font-weight:700}.directoryInfo{width:80%;max-width:800px;margin:15px auto;padding:15px;background-color:#f5f5f5;border-radius:5px;text-align:center}.directoryInfo h3{margin-top:0;color:#3498db}.directoryInfo p{margin-bottom:5px;color:#000}.footerContainer{background-color:var(--blog-header-bg);margin-top:auto;padding:1em;display:flex;flex-direction:column;justify-content:center;align-items:center}.footerContainer h3{font-size:1.5rem;color:var(--article-title-color);line-height:1}.footerContainer h4{font-size:.85rem;color:var(--article-title-color);font-weight:500;margin-bottom:.3em}.seperator{width:400px;height:2px;background-color:var(--article-title-color)}.footerContainer a{text-decoration:none;color:inherit}.logoContainer{display:flex;justify-content:center;align-items:center}.logoContainer a{height:100%}.icon{margin:.5em;font-size:2rem;color:var(--article-title-color);transition:.4s}.icon:hover{color:var(--title-secondary-color);transform:scale(1.5)}.hide{display:none}@media (max-width:690px){.blogHeaderContainer{padding:.1em .25em}#blogName{font-size:2rem}#slogan{font-size:1.25rem;margin-left:.3em}.mainPage{width:90%}.articleShowCaseContainer{margin:1em auto}.titleDateContainer{font-size:.9rem}.description{font-size:1rem}.articleContainer{font-size:1rem;width:90%}.articleContainer h1{font-size:1.3rem;border-bottom-width:1px}.articleDate{font-size:1rem}.quoteContainer{font-size:1.1rem}.iframeContainer{display:flex;justify-content:center;align-items:center;width:100%;margin:1em 0;height:300px}.articleVideo{width:100%;max-width:560px;height:215px;border:none}.footerContainer{padding:.1em 0}.footerContainer h3{font-size:1.2rem}.footerContainer h4{font-size:.8rem}.seperator{height:1px}.icon{font-size:1.5rem}}@media (max-width:500px){.iframeContainer{display:flex;justify-content:center;align-items:center;width:100%;margin:1em 0;height:250px}.iframeContainer iframe{width:90%}}@media (max-width:450px){.titleDateContainer{font-size:.8rem}.description{font-size:.9rem}.iframeContainer{display:flex;justify-content:center;align-items:center;width:100%;margin:1em 0;height:200px}.iframeContainer iframe{width:90%}}:root{--font-family: Cantarell;--main-bg-color: #1d1e20;--title-primary-color: #9b9c9d;--title-secondary-color: #727475;--desc-color: #c4c4c5;--blog-header-bg: #1d1e20;--article-title-color: #dadadb;--articleShowCaseContainer-bg-color: #2e2e33;--articleShowCaseContainer-hover-color: #454647;--article-in-title-color: #c4c4c5;--article-in-content-color:#ffffff}