*{font-family:Georgia,Times New Roman,Times,serif;box-sizing:border-box}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{background-image:url(/backgroundimg.jpg)}#navbar-title{font-family:Georgia,Times New Roman,Times,serif;line-height:80px;color:#000;padding:0 10px;border:solid 2px peachpuff}#navbar{display:flex;align-items:center;justify-content:space-between;top:0;width:100%;overflow:hidden}*/ #navbar-links{display:flex;flex-direction:column;align-items:center;justify-content:center}#navbar-links li{display:inline-block;list-style:none;margin:10px}#navbar-links li a{text-decoration:none;font-size:1.3rem;transition:.3s ease-in-out;display:inline-block;list-style:none;text-align:center;margin-right:2em;padding:0 10px;border:solid 2px #81bdf6;color:#81bdf6}.link-btn{font-size:15px;cursor:pointer;color:#5a4970;background-color:#fff;border-radius:5px;border:solid 2px #ffc8dd;padding:10px;transition:.3s ease-in-out;margin:10px}.link-btn:hover{color:#5a4970;margin:5px;transition:.3s ease-in-out;border:solid 2px #e0c7e2}.link-btn:active{border:solid 2px #a2d2ff}.auth-btn{text-decoration:none;font-size:1.3rem;transition:.3s ease-in-out;display:inline-block;list-style:none;text-align:center;margin-right:2em;padding:0 10px;border:solid 2px #ffc8dd;color:#ffc8dd;background-color:#fff}.auth-btn:visited{border:solid 2px #ffc8dd;color:#ffc8dd}.form-btn{font-size:15px;cursor:pointer;color:#5a4970;background-color:#fff;border-radius:5px;border:solid 2px peachpuff;padding:10px;transition:.3s ease-in-out;margin:10px}.form-btn:hover{color:#5a4970;background-color:#fff;margin:5px;transition:.3s ease-in-out;border:solid 2px #e0c7e2}.form-btn:active{border:solid 2px rgb(69,2,69)}#post-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid #ddd;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 4px #0000001a;transition:transform .2s;list-style:none;width:100%;height:100%}.all-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:.5rem;width:100%;grid-auto-rows:1fr}.all-post-btn{text-align:center;font-size:15px;cursor:pointer;color:#5a4970;background-color:#fff;border-radius:5px;border:solid 2px peachpuff;padding:10px;transition:.3s ease-in-out;margin:10px}.all-post-btn:hover{color:#5a4970;background-color:#fff;margin:5px;transition:.3s ease-in-out;border:solid 2px #e0c7e2}.all-post-btn:active{border:solid 2px rgb(69,2,69)}.single-post-btn{text-align:center;font-size:15px;cursor:pointer;color:#5a4970;background-color:#fff;border-radius:5px;border:solid 2px peachpuff;padding:10px;transition:.3s ease-in-out;margin:10px}.single-post-btn:hover{color:#5a4970;background-color:#fff;margin:5px;transition:.3s ease-in-out;border:solid 2px #e0c7e2}.single-post-btn:active{border:solid 2px rgb(69,2,69)}.welcome{font-size:2rem}#search-bar{padding:10px}#search-bar input{width:25%;padding:8px;transition:transform .25s ease-in-out;font-size:14px;line-height:18px;color:#575756;background-color:transparent;background-image:url(http://mihaeltomic.com/codepen/input-search/ic_search_black_24px.svg);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px 18px;background-position:95% center;border-radius:50px;border:1px solid #575756;transition:all .25s ease-in-out;backface-visibility:hidden;transform-style:preserve-3d}#search-bar input::placeholder{color:color(#575756 a(.8));text-transform:uppercase;letter-spacing:1.5px}#search-bar input:hover,#search-bar input:focus{padding:12px 0;outline:0;border:1px solid transparent;border-bottom:1px solid #575756;border-radius:0;background-position:100% center}#single-btn{display:flex;flex-direction:row;width:10%;justify-content:center}.my-post-container{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.my-single-post{display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px;border-radius:5px;width:50%;margin:0 auto}.post-form{display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px;border-radius:5px;padding:10px}.post-form-container{margin-top:10px;display:flex;justify-content:center;align-items:center}.new-post-title{font-size:1.5rem}.new-description{width:300px;height:150px;resize:vertical;min-height:100px;min-width:200px}.delivery-button{display:flex;flex-direction:column}.login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px;border-radius:5px}.login-form-container{width:50%;margin-left:auto;margin-right:auto;border-radius:5px}.login-form input{margin:1em 0;padding:1em;outline:0;border-color:#f9d7e4;border-width:0 0 2px;background:none}.login-form input:focus{border-color:#ffdab9}.register-form-container{width:50%;margin-left:auto;margin-right:auto;border-radius:5px}.register-form{display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px;border-radius:5px}.register-form input{margin:1em 0;padding:1em;outline:0;border-color:#f9d7e4;border-width:0 0 2px;background:none}.register-form input:focus{border-color:#ffdab9}.message-text{font-weight:700}.message-card{display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px;border-radius:5px;width:50%;margin:0 auto}.popup{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1}.popup-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0003;width:25%}.close{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;color:#5a4970;background-color:#fff;border-radius:5px;border:solid 2px peachpuff;transition:.3s ease-in-out;margin:10px}.close:hover{color:#5a4970;background-color:#fff;margin:5px;transition:.3s ease-in-out;border:solid 2px #e0c7e2}.close:active{border:solid 2px rgb(69,2,69)}.new-content{width:300px;height:150px;resize:vertical;min-height:100px;min-width:200px}