header {
    padding: 20px;
    background-image: radial-gradient(circle at  top, black, lightgray, white);
    border-style: solid;
    border-color: black;
    border-radius: 5px;

       
    display: flex;      
    align-items: center;        
    justify-content: space-between;
}

nav {
    display: flex;
    gap: 30px;
}

nav a {
    transition: 0.7s;
}

nav a:hover {
    transform: scale(1.2);
    color: red;
}

body {
    background-image: radial-gradient(circle at left, white, gray, black);
    margin-left: 20px;
    margin-bottom: 20px;
}

h1 {
    color: darkred;
}

a{
    text-decoration: none;
    color: black;
}

table, tr, td, th {
    border: 5px solid darkred; 
    border-collapse: collapse;        
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: black;
    text-align: center;
}

thead {
    background-color: lightgoldenrodyellow;
}

tbody tr:nth-child(odd) {       
    background-color: ghostwhite;
}

tbody tr:nth-child(even) {
    background-color: lightgoldenrodyellow;
}

.formular {
    margin: 20px;
    padding: 20px;
    background-image: radial-gradient(circle at left, white, lightgray, gray);
    border-style: solid;
    border-color: black;
    border-radius: 5px;
}

.formular input {
    border: 1px solid rgb(148, 0, 0);
    border-radius: 5px;
}