.App{text-align:center;display:flex;border-width:thin;overflow-y:hidden}.App-header{border:thin solid #000;margin:auto}@media screen and (orientation:landscape){.blog-post{width:48vw;white-space:normal;flex-grow:4}.app-navbar{flex-grow:1}}@media screen and (orientation:portrait){.blog-post{width:90vw;background-color:#c6e9d5}}.App-link{color:#61dafb}#root,body,html{width:100%;height:100%;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-blend-mode:soft-light;background-position:0 0;background-repeat:repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tag{background-color:#0000001a;border-width:thin;border-bottom:solid #000;text-align:center;border-radius:.5em;display:block;height:1.5em;overflow:auto;position:relative;bottom:0;margin-right:.5em}.content-long-hidden{width:100%;height:100%;text-align:center;justify-content:center}@media screen and (orientation:portrait){.header-long{font-size:larger;font-family:Courier New,Courier,monospace}.image-long{display:inline;max-width:100%;max-height:100%;border-radius:.5%;border:thin solid #000}.content-content-long{text-align:center;background-color:#fff;margin-top:.2em;padding-bottom:25px;border-radius:.2em;font-size:larger;font-family:Courier New,Courier,monospace;text-overflow:ellipsis;overflow:auto}.long-pic{justify-content:space-between;display:inline}}@media screen and (orientation:landscape){.header-long{margin-left:25%;width:50%;font-size:larger;font-family:Courier New,Courier,monospace}.image-long{display:inline;max-width:100%;max-height:100%;border-radius:.5%;border:thin solid #000}.content-content-long{text-align:center;background-color:#fff;margin-top:.2em;padding-bottom:25px;border-radius:.2em;margin-left:15%;width:70%;font-size:larger;font-family:Courier New,Courier,monospace;text-overflow:ellipsis;overflow:auto}.long-pic{justify-content:space-between;display:inline}.container-short{background-color:#fff;border-bottom:solid #000;border-width:thin;border-radius:5px;margin-bottom:1em}.noborder-container-short{border-width:thin;background-color:#fff;margin-bottom:1em}.image-short{max-height:25vh;max-width:20vw}}@media screen and (orientation:portrait){.container-short{background-color:#fff;border-radius:3px;border-left-width:thin;border-bottom:thin solid #000;border-right:thin solid #000;border-top-width:thin;margin-bottom:1em}.noborder-container-short{border-width:thin;background-color:#fff;margin-bottom:1em}.image-short{max-height:30vw}}.image-short{border:thin solid #000}.noborder-image-short{max-height:9.5em}.header{font-size:larger;font-weight:700}.description-short,.header{font-family:Courier New,Courier,monospace}.description-short{margin-top:1em;margin-left:1em;margin-right:1em}.published{font-size:small;padding-right:1em;padding-left:1em}.tags-short{display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;padding-left:1em}.floating-element{display:flex;justify-content:space-between}*{box-sizing:border-box}@media screen and (orientation:landscape){.navbar{height:100%;width:4vw;justify-content:center;text-align:center;border-bottom:solid #000}.navbar-header{line-height:1;width:3vw;font-size:4.5vmin}.navbar-pic{width:3vw;height:3vh}}@media screen and (orientation:portrait){.navbar{height:auto;width:10vw;height:100%}.navbar-header{margin-left:.3em;line-height:1;width:3vw;font-size:4.5vmin}.navbar-pic{width:6vw;height:6vh}}.navbar{background-color:#c6e9d5;display:flex;border-left:thin solid #000;border-bottom-width:thin;border-right:thin solid #000;border-top-width:thin}.navbar a{text-decoration:none}.navbar a:hover{opacity:.5}.navbar-header{font-family:Courier New,Courier,monospace;text-align:center;word-break:break-all}.navbar-pic{justify-content:left;text-align:left}.img-navbar{justify-content:center;text-align:center;margin-top:5px}.navber::-webkit-scrollbar{display:none}.navber{-ms-overflow-style:none;scrollbar-width:none}link:hover{background-color:#000}.nothing{text-align:center;font-size:xx-large;font-family:Courier New,Courier,monospace}span.nothing-span{-webkit-text-stroke:2px #000;color:#c6e9d5}.container{justify-content:center;text-align:center}.container-footer{background-color:#c6e9d5;display:flex;align-items:center;max-height:2.2em;border:thin solid #000;position:fixed;bottom:0}.container-footer,.content-long{text-align:center;justify-content:center;width:100%}.content-long{height:100%;padding-bottom:2.2em}@media screen and (orientation:portrait){.header-long{font-size:larger;font-family:Courier New,Courier,monospace}.image-long{display:inline;max-width:100%;max-height:40em;border-radius:.5%;border:thin solid #000}.content-content-long{text-align:center;background-color:#fff;margin-top:.2em;padding-bottom:25px;border-radius:.2em;font-size:larger;font-family:Courier New,Courier,monospace;text-overflow:ellipsis;overflow:auto;word-wrap:break-word;text-overflow:inherit;overflow-wrap:break-word}.long-pic{justify-content:space-between;display:inline}}@media screen and (orientation:landscape){.preview-container{display:flex;position:fixed;height:100%;width:100%}.showcase-preview{position:relative;border-left:solid #000;border-width:thin}.input-preview,.showcase-preview{flex-grow:1;width:50%;height:100%;overflow:auto}.header-long{margin-left:25%;width:50%;font-size:larger;font-family:Courier New,Courier,monospace}.image-long{display:inline;max-width:50vw;max-height:40vh;border-radius:.5%;border:thin solid #000}.content-content-long{text-align:center;background-color:#fff;margin-top:.2em;padding-bottom:25px;border-radius:.2em;margin-left:15%;width:70%;font-size:larger;font-family:Courier New,Courier,monospace;overflow-wrap:break-word}.long-pic{justify-content:space-between;display:inline}}.text-long{margin-left:5%;margin-right:5%;text-align:left}.animated-content-long{text-align:center;line-height:100%}.button-back-long{background-color:#fff;background-repeat:no-repeat;cursor:pointer;overflow:hidden;outline:none;border:thin solid #000;border-radius:.2em;background-color:#c6e9d5}.img-long{margin:7.7em;max-height:2.2em;display:inline}a:hover{opacity:.5}img .wow_nice{max-width:500px}.preview{height:100%;text-align:center;align-items:center;display:flex;flex-direction:column;overflow:auto}.content-preview{height:70vh;width:80%;overflow:auto;margin-bottom:3em}.header-preview{margin-bottom:2%;width:60%}.note{align-items:center;justify-content:center;text-align:center;font-size:xx-large;font-family:Courier New,Courier,monospace;margin-bottom:2%}@tailwind base;@tailwind components;@tailwind utilities;