body{background:#d3d3d3;-webkit-user-select:none;user-select:none}*:active,*:focus{outline:none!important}.title{margin-top:60px;margin-bottom:50px}/*! Задание с телефонным номером */#telephone_number{width:180px;font-size:1.3em}#clean_number{padding:5px;width:180px;border-radius:15px;transition:.2s;position:absolute;overflow:hidden;margin-left:80px;color:#d3d3d3;background:linear-gradient(45deg,red,#00f)}#clean_number:hover{color:#fff;border-color:#fff}#button_line{position:absolute;background-color:#f3f6f980;background:linear-gradient(85deg,#ffffff80,#1b8dff80);height:65px;width:15px;margin-top:-30px;rotate:45deg;margin-left:-20px;animation:move_button_line linear 5s infinite}@keyframes move_button_line{0%{margin-left:-20px}to{margin-left:180px}}/*! Конец задания с телефонным номером */#textArea,#text_from_form{height:120px;width:300px;border-radius:5px;padding:5px;margin-top:-20px}#text_from_form{background:#afa5a5;margin-top:25px;border:1px solid black}#print_text{width:310px;background-image:url(/JavaScriptForStudents/arrow.png);background-size:18px;background-repeat:no-repeat;background-position:205px 3px}.label{margin-left:-5px}.bold{font-weight:900}.underline{text-decoration:underline}.italic{font-style:italic}#change_color{margin-left:5px;width:30px;padding:0!important}/*! Работа с таблицей работников */#table_with_workers{background-color:gray;margin:50px 50px 50px 20px;text-align:center;border-collapse:collapse;cursor:pointer}#table_with_workers td,#table_with_workers th{border:1px solid black;padding:10px 5px;min-width:120px}#table_with_workers td:last-child{min-width:130px}#table_with_workers tr:hover{transition:.1s;background:pink;color:#000}#table_with_workers th:hover,#table_with_workers td:hover{transition:.3s;background:red;color:#fff;font-weight:700}#new_worker_form input{width:120px;height:20px;border-radius:5px}#table_buttons button{padding:5px 10px;border-radius:5px;transition:.3s;color:red;font-weight:700;background-color:#d3d3d3}#table_buttons button:hover{background:#afaeae}#number_delete_worker{width:41px;text-align:center;border-radius:5px;height:22px}#accWorkerInHTML{margin-top:-30px;margin-bottom:30px}/*! Работа с таблицей работников, завершение *//*! Задание с футбольным мячом */.field{width:320px;text-align:center;background-color:green;border:10px solid gray;cursor:default}#ball{position:absolute;transition:.5s;z-index:20}#ball_shadow{position:absolute;background:#504e4ecc;height:40px;width:40px;margin-top:-33px;margin-left:12px;border-radius:50%;z-index:-1!important}#ball_image{transition:.5s}/*! Задание с футбольным мячом, завершение *//*! Список покупок */#inputs{display:flex;flex-direction:column;width:150px;gap:2px;position:absolute;margin-left:300px}#add_product{color:#f0f8ff;background-color:red;border-radius:5px;padding:5px 10px}/*! Конец задания со списком покупок */#days div{background:#bcb9b9;width:120px;text-align:center;padding:2px;transition:.3s;border:1px solid #000}#days div:hover{background-color:pink!important;cursor:pointer;transform:scale(1.1)}.newClass{background:red!important;color:#fff;padding:5px!important;margin-left:-3px!important}/*! Бегущая строка с текущей датой */#runningLine{padding:3px;font-size:1.2em;animation:moveLine 15s linear infinite;margin:5px -10px 5px -650px}@keyframes moveLine{0%{margin-left:250px}}#advertismentBox{background-color:#8eb3d1;width:250px;margin-top:10px;overflow:hidden;white-space:nowrap;font-family:sans-serif;border:1px solid black;border-radius:5px}/*! Задание с банковской картой */#card{width:390px;height:200px;margin-left:30px;margin-top:50px;border-radius:10px;background-color:#acccd7;background-image:url(/JavaScriptForStudents/moon_flag.png);background-size:150px;background-repeat:no-repeat;background-position:285px 96px;padding:20px;display:flex;flex-direction:column;gap:10px}#card_info{text-transform:uppercase;background-color:#be2626;color:#f0f8ff;padding:5px 20px;border-radius:0 15px;width:180px}#card input{display:flex;flex-direction:column;width:65%;background-color:#c3d7de;border-color:transparent;height:20px;border-bottom:1px solid rgb(165,110,119)}#card_inputs input{width:60%;text-align:center}#card_submit,#print_text{margin-top:30px;height:25px!important;border-radius:5px;border:1px solid gray!important;transition:.3s}#card_submit:hover,#print_text:hover{background:orange!important}#card_inputs div{display:flex;flex-direction:column;gap:10px;margin-left:-20px;margin-top:10px;align-items:center}#container_with_tickets{margin-top:30px;background:#2cc3e5;padding:30px;border-radius:10px;width:850px;margin-left:10px;overflow:hidden;font-size:1.5em}#seats{border:1px solid rgb(97,96,96);border-radius:10px;padding:15px;display:flex;gap:10px}#seats>div{border:1px solid rgb(97,96,96);border-radius:5px;display:flex;flex-wrap:wrap;width:108px;gap:8px;padding:3px}#seats>div>div{display:flex;align-items:center;width:41px;height:25px}#book{display:flex;margin-left:auto;min-width:150px;margin-top:10px;font-size:1.05em}#tickets_chart{margin:50px}#tickets_chart>div{display:flex}#tickets_chart>div>div{border:1px solid #000;font-size:1.5em;padding:10px;width:240px;min-width:200px;text-align:center}#logo_rzd{width:100px;filter:drop-shadow(3px 3px 2px aliceblue);margin-left:auto;margin-top:-20px}#train_img{width:600px;border-bottom:1px solid #000;padding-left:800px;margin-top:10px;margin-left:-20px;animation:move_train 10s forwards}@keyframes move_train{to{margin-left:-1315px}}input:focus,select:focus{background-color:pink}#JSON_container{display:flex;background-color:#b6d7cc;padding:10px;width:800px;justify-content:space-around;align-items:center;border:1px solid #000}#JSON_container>div{display:flex;flex-direction:column;height:280px;width:45%}#JSON_container button{height:280px;padding-top:20px;font-weight:700}#JSON_container>div>div,#JSON_container textarea{height:255px;border:1px solid #000;background-color:#87cefa}#JSON_container>div:nth-child(1)>input{background:#98fb98}#formated_text{padding-left:50px}#all_users{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}#all_users>div{border:1px solid #000;color:red;width:165px;padding:10px}#all_users>div:hover{background:pink;transition:.3s;cursor:pointer}#user_info{border-collapse:collapse;font-size:1.5em;display:none}#user_info td{border:1px solid #000;padding:5px;cursor:pointer}#user_info tr:hover{background:pink}#show_posts{width:330px;margin-top:20px;height:30px;border-radius:5px;font-size:1.2em;display:none;cursor:pointer}#show_posts:hover{background-color:orange;transition:.3s}.users_post{border:1px solid black;padding:10px;margin-top:10px}.margin{margin-left:-30px;display:inline-block}.margin2{margin-left:-50px;display:inline-block}@media screen and (max-width: 1000px){.title{font-size:.8em}#table_buttons{display:flex;flex-direction:column;gap:10px;width:220px}#number_delete_worker{position:absolute;margin-left:230px;margin-top:80px}#new_worker_form{display:grid;gap:5px;width:300px;grid-template-columns:1fr 1fr}#new_worker_form input{width:150px}#clean_number{margin-left:20px;width:168px}#table_with_workers td,#table_with_workers th{font-size:.8em;min-width:82px;padding:10px 3px}#table_with_workers{margin-left:0}}