@import url(https://fonts.googleapis.com/css2?family=Fredoka&display=swap);*{box-sizing:border-box;font-family:Fredoka,sans-serif;font-size:1.05rem;margin:0;padding:0}body{background:#a9a9a9;color:#000}button,input[type=submit]{background:none;background:#ff9f56;border:none;cursor:pointer;transition:.2s}button:hover,input[type=submit]:hover{-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-transform:translateX(2px);transform:translateX(2px)}input,textarea{background:#f7d0ad;border:none;border-radius:7px;font-size:.8rem;margin:5px;padding:8px;resize:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app-header{background:#fff;border-radius:0 10px 10px 10px;box-shadow:0 3px 20px rgba(0,0,0,.356);margin:40px auto 30px;min-height:150px;min-width:300px;padding:20px;position:relative;text-align:center;width:90%}.app-header .connect-modal .header-btn{left:0;position:absolute;top:-29px}.app-header .connect-modal .header-btn button{background:#fff;border-radius:10px 10px 0 0;color:#000;padding:4px 14px;transition:.2s}.app-header .connect-modal .header-btn button:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.app-header .connect-modal .login-container,.app-header .connect-modal .signup-container{align-items:center;display:flex;justify-content:center;min-height:20px}.app-header .connect-modal .login-container h3,.app-header .connect-modal .signup-container h3{margin-bottom:8px}.app-header .connect-modal .login-container form,.app-header .connect-modal .signup-container form{display:grid}.app-header .connect-modal .login-container form input,.app-header .connect-modal .signup-container form input{padding:8px 10px;text-align:center;transition:.2s}.app-header .user-infos{align-items:center;display:flex;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.app-header .user-infos span{align-items:center;background:#ff9f56;border-radius:150px;box-shadow:0 3px 20px rgba(0,0,0,.356);display:flex;height:30px;justify-content:center;text-transform:uppercase;-webkit-transform:translateY(-10px);transform:translateY(-10px);width:1Z0px}.app-header .user-infos h4{font-size:2.5rem;text-transform:capitalize;-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}.app-header .user-infos button{background:none;color:#ff9f56;position:absolute;right:6px;top:0}.app-header .monbouton1 button{border-radius:5px;cursor:pointer;font-size:10px;margin:10px 0;padding:10px}.app-header .monbouton1 button:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.app-header .monbouton button{background-color:#686868;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;margin:10px 0;padding:10px}.app-header .monbouton button:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.app-header .new-post-modal form{display:grid}.app-header .new-post-modal form textarea{border-radius:10px 10px 0 10px;font-size:1.3rem;height:14px}.app-header .new-post-modal form input{border-radius:10px 0 10px 10px;margin-left:auto;margin-top:0;width:100px}.posts-container{margin:0 auto;max-width:900px}.posts-container .post{background:#fff;border-left:1px solid #8f0000;border-radius:20px;box-shadow:0 3px 20px rgba(0,0,0,.356);margin:18px 10px;padding:20px;position:relative}.posts-container .post .title{align-items:center;display:flex;text-transform:uppercase}.posts-container .post .title h2{font-size:2rem;text-transform:capitalize}.posts-container .post .title span{align-items:center;background:#ff9f56;border-radius:150px;display:block;display:flex;font-size:1.2rem;height:30px;justify-content:center;margin:0 10px 0 0;width:30px}.posts-container .post h5{color:#5f5f5f}.posts-container .post .right-part{position:absolute;right:12px;top:20px}.posts-container .post .right-part i{border-radius:20px;color:#ff9f56;cursor:pointer;font-size:.85rem;height:20px;margin:0 5px;transition:.2s;width:14px}.posts-container .post .right-part i:hover{-webkit-transform:translateX(1px);transform:translateX(1px)}.posts-container .post p{margin:20px 0 10px}.posts-container .post .comment-title{margin-top:30px}.posts-container .post .comment-post h5{color:#cac7c7;font-size:1.2rem;text-transform:capitalize}.posts-container .post textarea{background:#d8d8d8;border-radius:10px 10px 0 10px;height:65px;margin-left:0;margin-top:20px;width:100%}.posts-container .post input[type=submit]{border-radius:10px 0 10px 10px;display:block;margin-left:auto;margin-right:0;margin-top:-6px;width:100px}.posts-container .post .edit-btn{border-radius:8px;display:block;margin-left:auto;margin-right:4px;margin-top:-6px;padding:5px 10px}.posts-container .post .comment-container .comment-post{background:hwb(0 32% 34%);border-radius:10px;margin:6px 0;padding:8px 10px}.posts-container .post .comment-container .comment-post p{font-size:.8rem;margin:5px 0}
/*# sourceMappingURL=main.58232e55.css.map*/