@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,600;1,700;1,800&family=Roboto:ital,wght@0,400;0,700;1,300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.App{display:flex;flex-direction:column;font-family:Open Sans,sans-serif;justify-content:space-between;margin:auto;max-width:739px;min-height:100vh;position:relative;text-align:center;width:100%}.container{padding:0 10px}.privacy,.terms{text-align:left}.loading-animation{align-items:center;display:flex;justify-content:center;justify-self:center;width:100%}:root{--bg:#fff;--input-bg:#fff;--comment-form-bg:#f2f2f2;--text:#000;--secondary-text:#757575;--comment-divider:1px solid #e6e6e6;--footer-shadow:rgba(0,0,0,.2) 0px -0.5rem 0.75rem 0px}.dark-mode{--input-bg:transparent;--comment-form-bg:#1f1e1e;--bg:#121212;--text:#fff;--secondary-text:#fff;--comment-divider:1px solid #bbb;--footer-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2)}body{background-color:#fff;background-color:var(--bg)}a,body{color:#000;color:var(--text)}footer,header{background-color:#212529;box-shadow:0 3px 10px rgba(0,0,0,.15);color:#fff;display:flex;padding:6px}header{align-items:center;justify-content:space-between;padding:.5rem}header img{width:48px}footer a,header a{color:#fff}header .header-left{align-items:center;display:flex;gap:4px;justify-content:center}.share-links button,header button{background-color:initial;border-width:0;cursor:pointer;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;padding:0}h1,h2,h3,ul{margin:0;padding:0}a{text-decoration:none}ul li{list-style:none}.navbar-links ul{align-items:center;display:flex}.navbar-links li{list-style:none;text-align:center}.navbar-links li a{display:block;padding:.5rem 1rem;text-decoration:none}.navbar-links .hover:hover{border-bottom:2.75px solid #fff}.theme-container{margin-top:8px}.dark-mode-toggle input[type=checkbox]{display:none}.dark-mode-toggle label{background-color:#777;border:2px solid #555;border-radius:50px;height:32px;position:relative;width:72px}.dark-mode-toggle label,.dark-mode-toggle label:after{cursor:pointer;display:inline-block;transition:all .3s ease-in-out}.dark-mode-toggle label:after{background-color:#555;border-radius:50%;content:" ";height:28px;left:2px;position:absolute;top:2px;width:28px}.dark-mode-toggle input[type=checkbox]:checked~label{background-color:#00a0fc;border-color:#006dc9}.dark-mode-toggle input[type=checkbox]:checked~label:after{background-color:#0054b0;-webkit-transform:translateX(38px);transform:translateX(38px)}.dark-mode-toggle{margin-left:8px}.theme-container{align-items:center;display:flex;justify-content:center}.theme-container img{width:32px}@media(max-width:768px){header{align-items:flex-start;flex-direction:column}.navbar-links ul{display:block}.navbar-links{display:none;font-weight:600;width:100%}.navbar-links ul{flex-direction:column;width:100%}.navbar-links .hover:hover{border-bottom:none}.toggle-button{display:none;display:flex;flex-direction:column;height:21px;justify-content:space-between;position:absolute;right:1rem;top:1.5rem;width:30px}.toggle-button:hover{box-shadow:0 0 5px #fff}.toggle-button .bar{background-color:#fff;border-radius:10px;height:3px;width:100%}.navbar-links.active{display:flex;transition:top .6s cubic-bezier(.17,.04,.03,.94)}}.App .homepage{margin:0;padding:0}.homepage .image-box img{border-radius:8px;max-width:100%}.homepage .main-image-container{align-items:center;background-color:rgba(0,0,0,.9);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.homepage .main-image-container img{height:100%;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.homepage .alt-image{display:none}.homepage .image-wrapper{height:100vh;opacity:.15;position:relative;width:100%}.homepage .home-text{line-height:3rem;position:absolute}.view-posts-btn{background-color:#e85d04;font-size:1.25rem;font-weight:800}.view-posts-btn:hover{background-color:#d45607}.homepage .span-h1{border:1px solid #484747;height:100%;margin-left:2.5px}.homepage .second{padding:80px 0}.homepage .image-box{margin-top:1rem}.all-posts,.content-container{display:flex;flex-direction:column;gap:16px}.post-list.container .all-posts{margin-bottom:16px;margin-top:16px}.all-posts,.post-list.container{flex-grow:1}.all-posts,.comment-count,.post-list.container{display:flex}.comment-count{justify-content:center}.post-list.container .comment-count img{width:20px}.post-list.container .comment-count{font-size:.75rem}.comment-count img:hover{cursor:pointer;opacity:.7}.post-list.container .image-box img{border-radius:8px;width:100px}.post-box,.post-list.container .bottom-row,.post-list.container .left{display:flex}.post-box .left a{text-align:left;width:100%}.post-list.container .date,.post-page .date{color:#757575;color:var(--secondary-text);font-size:.75rem}.all-posts ul{display:flex;flex-direction:column;width:100%}.post-box{align-items:center;align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1 auto;flex-flow:1;gap:.5rem;height:100%;justify-content:space-around;justify-content:space-between;margin-right:0;padding:8px;padding-right:0;width:100%}.post-box h2{font-size:1rem}.post-box h2:hover{color:#eeab3c}.post-box:hover{box-shadow:0 3px 10px rgba(0,3px,10px,.25)}.post-list.container .left{align-items:flex-start;flex-direction:column;flex-grow:1;gap:8px;margin-right:20px;min-width:0;width:100%}.post-box .bottom-row{flex-grow:1;width:100%}.post-list.container .right img{aspect-ratio:auto 100/100;height:100px;vertical-align:middle;width:100px}.author-box,.bottom-row{align-items:center;justify-content:space-between}.author-box{display:flex;gap:8px;padding:8px;position:relative;text-align:left}.author-box img{width:56px}.author-profile,.share-links{align-items:center;display:flex;gap:8px}.share-links img,.share-links svg{border-radius:8px;width:28px}.icon-container svg:hover,.share-links img:hover,.share-links svg:hover,footer .icon-container img:hover{cursor:pointer;opacity:.85}.share-links button{align-items:center;display:flex}.visuallyhidden{clip:rect(1px,1px,1px,1px);position:absolute}.copybutton{background-color:#fff;border:0;border-radius:24px;cursor:pointer;height:40px;opacity:1;outline:0;position:absolute;width:40px;z-index:9}.button-tooltip-container{align-items:center;display:flex;margin-top:16px;min-height:30px}#custom-tooltip{background-color:#000000df;border-radius:4px;color:#fff;display:none;margin-left:16px;margin-top:75px;padding:5px 12px;position:absolute}.copy-link,.copy-link .image{align-items:center;display:flex}.post-page{text-align:left}.image-box img,.post-container{border-radius:4px}.post-container .post-title{margin-bottom:1rem;text-align:center}.post-page .post-text{white-space:pre-line}.post-page .image-box img{width:100%}.post-page .comment-box img{width:48px}.post-page .comment-box{align-items:flex-start;border-bottom:1px solid #e6e6e6;border-bottom:var(--comment-divider);display:flex;flex-direction:column;gap:8px;padding:25px 0 48px;text-align:left}.comment-form-container input,textarea{background-color:#fff;background-color:var(--input-bg);border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#000;color:var(--text);display:inline-block;margin:8px 0;padding:12px 20px;width:100%}.comment-form-container button,.view-posts-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;margin:8px 0;padding:14px 20px}.comment-form-container button{background-color:#4caf50;width:100%}.comment-form-container button:hover{background-color:#45a049}.comment-form-container{background-color:#f2f2f2;background-color:var(--comment-form-bg);border-radius:5px;padding:20px}.comments-container h1{border-bottom:1px solid #e6e6e6;margin-bottom:10px;padding:20px 20px 12px}.dark-mode .comments-container{background-color:#f2f2f2;background-color:var(--comment-form-bg)}.comment-box .comment-top{align-items:center;display:flex;gap:8px}.post-page .comment-box .left{align-self:start}.post-page .comment-box .right{display:flex;flex-direction:column;gap:8px;text-align-last:left}.comment-box p{margin:0;padding:0}footer{box-shadow:0 -.5rem .75rem 0 rgba(0,0,0,.2);box-shadow:var(--footer-shadow);flex-direction:column;font-weight:600;margin-top:20px;padding:2.5rem 8px}footer .footer-info{line-height:2.5rem}footer .icon-container,footer .link-container{align-items:center;display:flex;gap:.5rem;justify-content:center}footer .link-container a:hover{color:#eeab3c}footer .icon-container img{width:28px}@media (min-width:740px){.App{font-size:1.5rem;max-width:100%}.homepage .main-image{display:none}.homepage .alt-image{display:block}.post-list.container .image-box img{aspect-ratio:auto 150/100;height:100px;width:150px}.all-posts ul{gap:8px}.post-box{align-self:center;box-shadow:0 3px 10px rgba(0,0,0,.1);font-size:1.25rem;justify-content:space-around;max-width:1024px;padding-left:20px;padding-right:20px;width:80%}.dark-mode .post-box{background-color:hsla(0,0%,100%,.07);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.post-list.container .left{height:100%;justify-content:space-between}}@media (min-width:960px){.homepage .main-image-container .alt-image{width:100%}.post-box h2{font-size:1.5rem}.post-list.container .comment-count img{width:28px}.post-list.container .comment-count,.post-list.container .date{font-size:1rem}}@media (min-width:1440px){.homepage .main-image-container img{height:auto;top:-20%}.post-list.container .post-box{font-size:1.5rem}.post-page.container{align-self:center;width:70%}.comments-container{padding:10px}}@media (min-width:2560px){.homepage .main-image-container img{top:-30%}.post-list.container .post-box{font-size:2rem}}
/*# sourceMappingURL=main.de2ab986.css.map*/