form{
    text-align: left;
    border-radius: 30px;
}
table, td{
    border-collapse: collapse;
    width: 30%;
    padding: 10px;
    border-radius: 4px;
    background: linear-gradient(to right, #c19b9b, #e69a7d 1px, #c67c7c 110%);
    border-color: brown;
}
table tr td{
    border: 1px solid black;
}
input[type=text], input[type=date]{
    border: 1px solid #9f6b6b;
    border-radius: 4px;
    padding: 5px;
}
label{
    font-weight: bold;
}

input[type=radio]:hover+label{
    background: #cf6d6d;
    color: white;
    font-weight: bold;

}

input[type=checkbox]:hover+label{
    background: #cf6d6d;
    color: white;
    font-weight: bold;

}


input[type=checkbox]+label, input[type=radio]+label, input[type=select]+label{
    background: #ededed;
    font-size: 10pt;
    padding: 3px;
    width: 60px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #9f6b6b;
    cursor: pointer;
    line-height: 40px;

}

div{
    font-weight: bold;
    font-size: 20px;
    margin-left: 160px;
}

option:checked {
    background-color: lightgreen;
    color: black;
}

select#stiil:has(option[value="hiphop"]:checked) {
    border: 2px solid blue;
}

input[type="range"]#tund {
    width: 100%;
    max-width: 200px;
    height: 6px;
    cursor: pointer;
}

input[type="tel"]#phone {
    width: 100%;
    max-width: 200px;
    height: 15px;
    background-color: lightgreen;
}

input[type="email"]#email {
    width: 100%;
    max-width: 200px;
    height: 15px;
    background-color: greenyellow;
}

input[type="file"]#myfile {
    font-style: italic;
}

input[type="color"]#favcolor:hover {
    background-color: #7197aa;
}

input[type="date"]#kuupaev:hover {
    background-color: #3b4a55;
}


img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}