*{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

body{
    padding:8px;
    font-family: Arial, Helvetica, sans-serif;
}

h1{
    margin:15px 0 10px;
    font-weight:bold;
    font-size:20px;
}


.navbar {
    display:flex;
    align-items:center;
    overflow-x:auto;
}


.content {
    margin:auto;
}




.alert {
    width: 100%;
    margin: 10px 0px;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid transparent;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}



.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid transparent;
    margin: 3px 3px;
    padding: 2px 6px;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn:hover {
    color: #212529
}

.btn-primary {
    color: #fff;
    background-color: #3d8bff;
    border-color: #3d8bff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0a55c5;
    border-color: #0b51bb;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
}


.table th, .table td{
    border:1px solid #707070;
    text-align:center;
    padding:2px 4px;
}