*{box-sizing:border-box}html{font-size:var(--fontsize-base);color:rgb(var(--color-main));line-height:1.5}body.frontend{font-family:var(--font);min-height:100vh}p{margin:0 0 var(--width-margin)}a{color:rgb(var(--color-shade));font-weight:700;text-decoration:none;transition:all .2s ease-in-out}a:hover{color:rgb(var(--color-medium))}a:focus{color:rgb(var(--color-medium))}h1,h2,h3,h4,h5,h6{font-family:var(--font);margin:var(--width-margin)0;color:rgb(var(--color-main));font-weight:700}h1{font-size:var(--fontsize-4xl)}h2{font-size:var(--fontsize-xl);margin:10px 0 20px}h3{font-size:var(--fontsize-l);margin:10px 0 20px}img{max-width:100%;height:auto}textarea,select,button,input[type=text]{box-sizing:border-box;background:#2828280d;border:0;width:100%;margin-bottom:15px;padding:10px;transition:all .2s ease-in-out}input[type=text]:focus{outline:0}input[type=text]:focus-visible{outline:2px solid rgb(var(--color-main))}input[type=submit]{box-sizing:border-box;background:#2828280d;border:0;width:100%;margin-bottom:15px;padding:10px;transition:all .2s ease-in-out}input[type=submit]:focus{outline:0}input[type=submit]:focus-visible{outline:2px solid rgb(var(--color-main))}input[type=email]{box-sizing:border-box;background:#2828280d;border:0;width:100%;margin-bottom:15px;padding:10px;transition:all .2s ease-in-out}input[type=email]:focus{outline:0}input[type=email]:focus-visible{outline:2px solid rgb(var(--color-main))}input[type=password]{box-sizing:border-box;background:#2828280d;border:0;width:100%;margin-bottom:15px;padding:10px;transition:all .2s ease-in-out}input[type=password]:focus{outline:0}input[type=password]:focus-visible{outline:2px solid rgb(var(--color-main))}input[type=number]{box-sizing:border-box;background:#2828280d;border:0;width:100%;margin-bottom:15px;padding:10px;transition:all .2s ease-in-out}input[type=number]:focus{outline:0}input[type=number]:focus-visible{outline:2px solid rgb(var(--color-main))}input[type=date]{box-sizing:border-box;background:#2828280d;border:0;width:100%;margin-bottom:15px;padding:10px;transition:all .2s ease-in-out}input[type=date]:focus{outline:0}input[type=date]:focus-visible{outline:2px solid rgb(var(--color-main))}:is(textarea,select,button):focus{outline:0}:is(textarea,select,button):focus-visible{outline:2px solid rgb(var(--color-main))}input[type=submit]{background:rgb(var(--color-shade));color:rgb(var(--color-highlight));border:1px solid rgb(var(--color-shade));width:auto;margin-bottom:30px;padding:10px 20px;font-weight:700;transition:all .2s ease-in-out}input[type=submit]:hover{background:rgb(var(--color-highlight));color:rgb(var(--color-shade))}button[type=submit]{background:rgb(var(--color-shade));color:rgb(var(--color-highlight));border:1px solid rgb(var(--color-shade));width:auto;margin-bottom:30px;padding:10px 20px;font-weight:700;transition:all .2s ease-in-out}button[type=submit]:hover{background:rgb(var(--color-highlight));color:rgb(var(--color-shade))}.table-wrapper{max-width:100%;overflow-x:auto}table{width:100%}table th{background:rgb(var(--color-shade))}table th,table td{text-align:left;border:1px solid rgb(var(--color-shade));padding:10px}