button{border:1px solid var(--color-j);border-radius:5px;box-shadow:var(--shadow);padding:15px 30px;width:100%;color:var(--color-b);font-size:16px;font-weight:500;background:linear-gradient(to right,var(--color-e),var(--color-f));background-position:left;background-size:200%;transition:background .3s;cursor:pointer;margin-top:15px}button:hover{background-position:right}button.updt,button.rmv{padding:5px 10px;color:var(--color-d);font-weight:400;display:flex;justify-content:center;align-items:center;width:45px}button.updt{background:var(--color-i)}button.rmv{background:var(--color-h)}button.updt:hover,button.rmv:hover{opacity:.85}button.btn_page{width:auto;padding:6px 16px;font-size:14px;font-weight:400;margin-top:0}button.btn_page:disabled{opacity:.3;cursor:default}::placeholder{color:var(--color-d);opacity:1}input[type=text],input[type=password],input[type=email],input[type=date]{background:var(--color-c);border:2px solid var(--color-b);border-radius:5px;box-shadow:var(--shadow);padding:20px 30px;width:100%;font-size:16px;color:var(--color-d);transition:all .3s;outline:none;margin-bottom:15px;opacity:.8}input[type=text]:hover,input[type=password]:hover,input[type=email]:hover,input[type=date]:hover{transform:scale(1.015);border-color:var(--color-j);opacity:1}input[type=date]{color-scheme:dark}input.field_error{border-color:var(--color-h)!important}span.error_message{color:var(--color-h);font-size:14px;margin-bottom:4px;display:block}nav{display:flex;justify-content:center;border-bottom:1px solid var(--color-b);filter:drop-shadow(var(--shadow))}div.nav_content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;max-width:500px;position:relative}div.logo img{width:30px}button.hamburger{display:flex;background:transparent;border:none;box-shadow:none;color:var(--color-d);font-size:22px;cursor:pointer;padding:4px 8px;margin-top:0;width:auto}button.hamburger:hover{background:transparent}ul{list-style:none;display:none;flex-direction:column;width:100%;margin:0;padding:8px 0;gap:0}ul.open{display:flex}ul li{margin:0}ul li a{color:var(--color-d);text-decoration:none;font-size:18px;padding:10px 8px;border-radius:5px;border:1px solid transparent;display:block}ul li a:hover{background:var(--color-b);border-color:var(--color-j);box-shadow:var(--shadow)}@media (min-width: 600px){button.hamburger{display:none}ul{display:flex;flex-direction:row;width:auto;gap:1.5rem;padding:0}ul li a{padding:15px 20px}}div.box_user{border-radius:5px;border:2px solid var(--color-b);filter:drop-shadow(var(--shadow));margin-bottom:15px;display:flex;background:var(--color-c);transition:all .3s;opacity:.8}div.box_user:hover{transform:scale(1.015);border:2px solid var(--color-j);opacity:1}div.box_user div.box_picture{width:150px;height:auto;border-radius:5px 0 0 5px;color:var(--color-d);display:flex;justify-content:center;align-items:center;font-size:50px;border-right:1px solid var(--color-b)}div.box_user div.box_infos{width:100%;height:auto;padding:15px;display:flex;flex-direction:column}div.box_infos div.infos{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:5px}div.box_infos div.infos h2{font-weight:500;font-size:18px}div.box_infos div.infos span{color:var(--color-g);font-size:17px}div.infos div.birthday{display:flex;justify-content:center;align-items:center;color:var(--color-g)}div.infos div.birthday span{margin-right:5px;color:var(--color-g)}div.box_infos div.actions{display:flex;justify-content:flex-end;gap:10px}div.box_dark{background:var(--box-dark);display:none;position:fixed;left:0;top:0;width:100vw;height:100vh;justify-content:center;align-items:center}div.modal{width:450px;background:var(--color-a);border-radius:5px;border:1px solid var(--color-b)}div.box_dark.opened{display:flex}div.box_dark.opened div.modal{animation:modal-open-animation .3s ease-out}@keyframes modal-open-animation{0%{transform:translateY(30vh)}to{transform:translateY(0)}}div.modal div.header{padding:20px 15px;display:flex;justify-content:space-between;align-items:center;color:var(--color-d);border-bottom:1px solid var(--color-b)}div.modal div.header h1{font-size:26px}div.modal div.header svg{font-size:32px;cursor:pointer}div.modal div.header svg:hover{opacity:.8}div.modal div.content{padding:20px 15px}div.box_loader{display:flex;justify-content:center;align-items:center;margin-top:30px}.loader{width:28px;height:28px;border-radius:50%;display:inline-block;border-top:4px solid var(--color-j);border-right:4px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;border-left:4px solid var(--color-e);border-bottom:4px solid transparent;animation:rotation .5s linear infinite reverse}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div.pagination_controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px}div.pagination_numbers{display:flex;gap:4px;align-items:center}button.btn_page_num{background:transparent;border:1px solid transparent;border-radius:5px;color:var(--color-g);font-size:14px;padding:4px 10px;cursor:pointer;transition:all .2s}button.btn_page_num:hover{border-color:var(--color-j);color:var(--color-d)}button.btn_page_num.active{border-color:var(--color-e);color:var(--color-e);font-weight:500}span.pagination_ellipsis{color:var(--color-g);padding:0 4px}div.feed_form>span{color:var(--color-g);font-size:12px;display:block;text-align:right;margin-bottom:10px}nav.menu{padding:15px}div.main_feed{display:flex;justify-content:center;align-items:center;padding:50px 15px}div.feed_form{width:100%;max-width:500px}h1,h2{color:var(--color-d);margin-bottom:5px}h1{font-size:32px}h2{font-size:18px}p{color:var(--color-g);font-size:18px;margin-bottom:35px}div.feed_form a{color:var(--color-e);text-decoration:none;font-size:16px;float:right;margin-bottom:15px}div.feed_form a:hover{text-decoration:underline}@media (min-width: 990px){nav.menu{padding:20px 15px}div.main_feed{padding:50px 300px}}.Toastify{position:absolute;z-index:999999}.Toastify__toast-body{color:var(--color-d)!important;margin-left:0!important;font-size:16px;line-height:20px;padding:25px 0 0;width:100%;font-weight:400}.Toastify__toast--error{color:var(--color-d);background:var(--color-h)!important}.Toastify__toast>button>svg{display:none}.Toastify svg{fill:var(--color-d)!important}.Toastify__toast--error:after{position:absolute;color:var(--color-d);font-size:15px;font-weight:700;left:265px;padding-top:14px!important}.Toastify__toast--error:before{position:relative;z-index:100000;left:12px;top:6px}.Toastify__progress-bar--success{background:var(--toast-success-b)!important}.Toastify__progress-bar--warning{background:var(--toast-warning-b)!important}.Toastify__progress-bar--error{background:var(--toast-error-b)!important}.Toastify__toast--success{background:var(--color-f)!important;color:var(--color-d)}.Toastify__toast--success:before{position:relative;z-index:100000;left:12px;top:6px}.Toastify__toast--success:after{position:absolute;color:var(--color-d);font-size:15px;font-weight:700;left:265px;padding-top:14px!important}.Toastify__toast--warning{background:var(--color-k)!important}.Toastify__toast--warning:before{position:relative;z-index:100000;left:12px;top:6px}.Toastify__toast--warning:after{position:absolute;color:var(--toast-warning-b);font-size:15px;font-weight:700;left:265px;padding-top:14px!important}*{padding:0;margin:0;box-sizing:border-box;font-family:Segoe UI,Roboto}body{background:var(--color-a)}:root{--color-a: #111111;--color-b: #222222;--color-c: #1a1a1a;--color-d: #fafafa;--color-e: #01fe87;--color-f: #009952;--color-g: #ccc;--color-h: rgb(239, 82, 82);--color-i: rgb(71, 71, 255);--color-j: #333333;--color-k: rgb(251, 214, 10);--shadow: 0px 3px 6px var(--color-a);--box-dark: rgba(0, 0, 0, .95);--toast-error-b: rgb(151, 48, 0);--toast-warning-b: rgb(169, 143, 1);--toast-success-b: #016134}
