body{
    display: flex;
    flex-direction: row;
    gap: 10px;
}

section#osa1 {
    border: 1pt solid black;
    border-radius: 10pt;
    padding: 10pt;
    width: 40%;
    margin-bottom: 15pt;
}

section#osa2 {
    border: 1pt solid black;
    border-radius: 10pt;
    padding: 10pt;
    width: 40%;
    margin-bottom: 15pt;
}
img#termomeeter {
    width: 300px;
    height: 400px;
    margin-top: 10px;
}
img#pilt{
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
select option {
    background-color: red;
    color: blue;
}
select{
    border-radius: 15px;
    text-align: right;
}
input[type=number]{
    border-radius: 15px;
    padding: 10px;
    text-align: right;
}
label{
    font-weight: bold;
}
label:hover{
    background-color: lightblue;
    border-radius: 10px;
    border: 1pt solid black;
    padding: 2px;
}
section#osa3 {
    border: 1pt solid black;
    border-radius: 10pt;
    padding: 10pt;
    width: 40%;
    margin-bottom: 15pt;
}
section#osa4 {
    border: 1pt solid black;
    border-radius: 10pt;
    padding: 10pt;
    width: 40%;
    margin-bottom: 15pt;
}
img#kyttepilt{
    border-radius: 50%;
    width: 100px;
    height: 100px;
}