body{color:#fff;background-color:red}.card_box{justify-content:center;align-items:center;gap:20px;margin:0 auto;padding:200px 0;display:flex}.card{color:#000;background-color:#fff;border:1px solid #000;border-radius:7px;width:300px;padding:20px}.modal{color:#fff;z-index:100;background-color:red;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:450px;padding:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal.active{opacity:1;pointer-events:all}.modal.not_active{opacity:0}.modal-overlay{z-index:999;opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:all}.buttons_block{justify-content:center;align-items:center;gap:20px;margin-top:20px;display:flex}.buttons_block .button_download{color:#fff;cursor:pointer;background-color:#50ce16;border:none;border-radius:7px;padding:10px 15px;transition:all 1s}.buttons_block .button_download:hover{background-color:#67b145}.button_download_two{color:#fff;cursor:pointer;background-color:#50ce16;border:none;border-radius:7px;padding:10px 15px;transition:all 1s}.button_download_two:hover{background-color:#67b145}.btn_update{color:#000;background-color:#ebeb0b;border:none;border-radius:7px;padding:10px 15px;transition:all 1s}.btn_update:hover{cursor:pointer;background-color:#f0f01d}.btn_delate{color:#fff;background-color:red;border:none;border-radius:7px;padding:10px 15px;transition:all 1s}.btn_delate:hover{cursor:pointer;background-color:#ff3737}.form{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.input{background-color:#fff;border:none;border-radius:7px;padding:10px}.save_button{border:none;border-radius:5px;padding:5px 10px}.btn_update_box{justify-content:center;align-items:center;gap:5px;display:flex}.modal_btn_close{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:10px;padding:10px;transition:all 1s;position:fixed;top:10px;right:10px}.modal_btn_close:hover{background-color:#1b1b1b}.btn_input_type_file[type=file]::-webkit-file-upload-button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:7px;padding:10px 15px;transition:all 1s}.btn_input_type_file[type=file]::-webkit-file-upload-button:hover{background-color:#242424}.input_block_file_types{justify-content:center;align-items:center;padding-top:100px;display:flex}