@font-face{font-family:"MS Sans Serif";src:url(/assets/MS-Sans-Serif-BTn84B5r.ttf)}html{cursor:url(/assets/cursor-B7JNr5Eh.cur),auto}button,a{cursor:url(../assets/cursor-pointer.svg),pointer}#root{display:flex;flex-direction:column;overflow-x:hidden}body{font-family:"MS Sans Serif";display:flex;flex-direction:column;align-items:center;padding:0;background-color:silver;box-shadow:inset -1px -1px #0a0a0a,1px 1px #fff,-2px -2px gray,2px 2px #dfdfdf,1px 1px #fff}main{display:block;margin:1em;width:98%;max-width:98%;background-color:silver;border:2px solid #ffffff;border-right:2px solid #000000;border-bottom:2px solid #000000;box-shadow:inset -1px -1px #0a0a0a,1px 1px #fff,-2px -2px gray,2px 2px #dfdfdf,1px 1px #fff}header{width:99.7%;display:flex;margin:0;padding:3px;height:3em;background-color:silver;box-shadow:inset -1px -1px #0a0a0a,1px 1px #dfdfdf,-2px -2px gray,2px 2px #fff}nav{display:flex;align-items:center;width:100%;background:linear-gradient(90deg,navy,#1084d0);padding:3px 2px 3px 10px;color:#fff}nav>h1{margin-right:auto}nav>span{margin-right:1em}.top{display:flex;justify-content:space-around;align-items:center;padding:1em;border-bottom:1px solid black}.callendar{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2em;padding:1em;gap:10px;background-color:silver;border:2px solid #ffffff;border-right:2px solid #000000;border-bottom:2px solid #000000}.callendar>div{margin:.5rem}.date{display:flex;align-items:center}.date>img{width:48px;margin-right:10px}.time{display:flex;align-items:center}.time>img{width:48px;margin-right:10px}.quote{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#ddd;padding:20px;border:2px solid #ffffff;border-right:2px solid #000000;border-bottom:2px solid #000000;min-width:430px}.quote>div:first-child{background-color:#eee;padding:20px;box-shadow:4px 4px #999,-4px -4px #fff;display:flex;align-items:center}.quote img{margin-right:10px}.quote h2{font-size:24px;margin:0;color:#333}.quote>div:last-child{background-color:#ccc;padding:10px;box-shadow:2px 2px #999,-2px -2px #fff;text-align:center;color:#333;margin-top:10px;min-width:397px;max-width:397px}.joke{display:flex;max-width:200px;min-width:200px;flex-direction:column;align-items:center;justify-content:center;row-gap:10px;padding:3em;border:10px solid pink;border-image:repeating-linear-gradient(-55deg,#000,#000 20px,#006cc0 20px,#006cc0 40px) 10}.bottom{display:flex;padding:1em;justify-content:space-around}.recent-files{margin-top:15px;margin-left:55px;width:400px;background-color:#f5f5f5;height:800px;border:2px solid #ffffff;border-right:2px solid #000000;border-bottom:2px solid #000000;display:flex;flex-direction:column;align-items:center}.recent-files>h3{text-align:center;line-height:30px;padding:5px}.banner{justify-content:space-between;box-shadow:inset -1px -1px #0a0a0a,1px 1px #0a0a0a,-2px -2px gray,2px 2px #0a0a0a;display:flex;align-items:center;width:100%;background:linear-gradient(90deg,navy,#1084d0);padding:3px 2px 3px 3px;margin-bottom:20px;color:#fff}.banner>h3{margin:5px}.banner>div{margin-right:5px}.banner>div>img{width:32px}.newFile{display:flex;align-items:center;gap:15px;width:88%;height:100px;background-color:#ddd;border:2px solid #ffffff;border-right:2px solid #000000;border-bottom:2px solid #000000}.newFile>img{width:64px;margin-left:15px}.cards{justify-content:center;width:60%;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.cards__item{list-style:none;display:flex;padding:1rem}.card{width:250px;height:415px;background-color:#ddd;padding:10px;height:fit-content;box-shadow:2px 2px #7f7f7f,-2px -2px #fff;border:1px solid #3f3f3f}.card img{width:100%;border:1px solid #3f3f3f;box-shadow:2px 2px #7f7f7f,-2px -2px #fff;margin-bottom:10px}.card__content{background-color:#bfbfbf;padding:10px;box-shadow:inset 1px 1px #fff,inset -1px -1px #7f7f7f;display:flex;flex:1 1 auto;flex-direction:column}.card__title{margin-bottom:5px;color:#000;font-size:1.25rem;font-weight:300;letter-spacing:2px;text-transform:uppercase}.card__text{color:#333;flex:1 1 auto;font-size:.875rem;line-height:1.5;margin-bottom:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__text:hover{white-space:normal;overflow:visible;padding:5px}.card button{background-color:#bfbfbf;border:1px solid #3f3f3f;padding:5px 10px;font-size:14px;color:#000;cursor:pointer;box-shadow:1px 1px #7f7f7f,-1px -1px #fff}button:hover{background-color:#cfcfcf}.markdown-manager{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;margin:0;padding:0}.navbar{text-align:left;height:100px;box-sizing:border-box;width:100%;background:linear-gradient(90deg,navy,#1084d0);padding:3px 2px 3px 10px;color:#fff}.content{display:flex;flex:1;overflow:hidden}.editor-section{background-color:#f5f5f5;width:40%;padding:20px;overflow-y:auto;box-sizing:border-box;height:calc(100vh - 60px)}textarea{width:100%;height:100%;padding:10px;font-size:16px;resize:none;box-sizing:border-box;overflow-y:auto}.preview-section{background-color:#fff;border-left:2px solid #ddd;width:40%;padding:20px;overflow-y:auto;box-sizing:border-box}.preview-content{background-color:#fff;padding:10px;border-radius:4px;border:1px solid #ddd;box-shadow:0 0 10px #0000001a;height:100%;box-sizing:border-box;overflow-y:auto}.sidebar{width:20%;background-color:#f0f0f0;border-left:1px solid #ddd;padding:20px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;overflow-y:auto;height:calc(100vh - 60px)}.file-input,.file-name-input{padding:8px}.export-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;width:100%}.export-button:hover{background-color:#0056b3}.home{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;height:100px;background-color:#ddd;border:2px solid #ffffff;border-right:2px solid #000000;border-bottom:2px solid #000000}h2{font-size:1.5em}.Editorbanner{justify-content:space-between;box-shadow:inset -1px -1px #0a0a0a,1px 1px #0a0a0a,-2px -2px gray,2px 2px #0a0a0a;display:flex;align-items:center;width:100%;background:linear-gradient(90deg,navy,#1084d0);padding:3px 2px 3px 3px;margin-bottom:20px;color:#fff}.Editorbanner>h3{margin:5px;font-size:3em}.Editorbanner>div{margin-right:5px}.Editorbanner>div>img{width:64px}