*{box-sizing:border-box;margin:0;padding:0}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}.App{grid-gap:2.5%;display:grid;gap:2.5%;grid-template-columns:minmax(150px,25%) 1fr;margin:2.5% auto;width:95%}.App.hideNewPost{grid-template-columns:1fr}.App.hideNewPost .add-post-container{display:none}button{border-color:#c3c2c2}button,input{border-radius:.3rem}input{border:1px solid #6e6e6e}textarea{border-radius:.3rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}input[type=checkbox]{display:none}label{background-color:#e6e7e8;border:2px solid #fff;border-radius:21px;font-size:16px;font-weight:600;min-width:42px;padding-block:4px;padding-inline:12px;text-align:center}input[type=checkbox]:hover+label{background:#b4d1eb}input[type=checkbox]:checked+label{background:#b3daff;border-color:#215a90}form{display:flex;flex-direction:column;gap:1rem}.text-input{padding:.3rem}.add-post-button{padding:1rem}.add-post-container{display:flex;flex-direction:column;gap:1rem}.text-input{display:block}.header{flex-direction:column}.header,.header-input-container{display:flex;gap:1rem}.search-bar{width:100%}.add-post-btn,.catagories-btn,.search-bar{padding:.5rem}img{width:100%}:root{--shadow-color:0deg 0% 63%;--shadow-elevation-low:0.3px 0.5px 0.7px hsl(var(--shadow-color)/0.34),0.4px 0.8px 1px -1.2px hsl(var(--shadow-color)/0.34),1px 2px 2.5px -2.5px hsl(var(--shadow-color)/0.34);--shadow-elevation-medium:0.3px 0.5px 0.7px hsl(var(--shadow-color)/0.36),0.8px 1.6px 2px -0.8px hsl(var(--shadow-color)/0.36),2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color)/0.36),5px 10px 12.6px -2.5px hsl(var(--shadow-color)/0.36);--shadow-elevation-high:0.3px 0.5px 0.7px hsl(var(--shadow-color)/0.34),1.5px 2.9px 3.7px -0.4px hsl(var(--shadow-color)/0.34),2.7px 5.4px 6.8px -0.7px hsl(var(--shadow-color)/0.34),4.5px 8.9px 11.2px -1.1px hsl(var(--shadow-color)/0.34),7.1px 14.3px 18px -1.4px hsl(var(--shadow-color)/0.34),11.2px 22.3px 28.1px -1.8px hsl(var(--shadow-color)/0.34),17px 33.9px 42.7px -2.1px hsl(var(--shadow-color)/0.34),25px 50px 62.9px -2.5px hsl(var(--shadow-color)/0.34);--card-white:#f6f6f6}.post{background:#f6f6f6;background:var(--card-white);border-radius:.4rem;box-shadow:.3px .5px .7px hsla(0,0%,63%,.36),.8px 1.6px 2px -.8px hsla(0,0%,63%,.36),2.1px 4.1px 5.2px -1.7px hsla(0,0%,63%,.36),5px 10px 12.6px -2.5px hsla(0,0%,63%,.36);box-shadow:var(--shadow-elevation-medium);display:flex;flex-direction:column;font-size:14px}img{border-top-left-radius:.4rem;border-top-right-radius:.4rem}.info{flex-grow:1;padding-block:1.5rem;padding-inline:1rem}.info,.tagsnlink{display:flex;flex-direction:column}.tagsnlink{flex-shrink:0;gap:1rem;padding:1rem}ul .tags{display:flex;gap:.5rem}.post-url{background-color:#75d27c;border-radius:10px;color:#000;cursor:pointer;font-size:1.5rem;font-weight:600;min-width:42px;padding:.3rem;text-align:center;text-decoration:none}.post-url:hover{background:#93e798}.tag{background-color:#add3ff;border-radius:21px;font-size:14px;font-weight:600;min-width:42px;padding-block:4px;padding-inline:12px;text-align:center}.post-author,.post-date{font-size:small}.post-author{margin-top:1rem}.post-title{font-size:x-large}.post-summary{font-size:medium;margin-top:1rem}ul{list-style-type:none;margin:0;padding:0}.post-list{grid-gap:1.6rem;-webkit-padding-before:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding-block-start:1rem}
/*# sourceMappingURL=main.5ec915c2.css.map*/