html{scroll-behavior: smooth;
    scrollbar-color: blue;
    scrollbar-width: thin;
}
body {
    margin: 0;
    background-color: gray;
    font-family: sans-serif;
    color: darkblue;
}

section {
    margin: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-style: solid;
    border-radius: 12px;
    background-color: lightgray;
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 20px
}
p {
    font-size: 16px
}
label {
    font-size: 16px;
    color: darkblue;
}
 .logo {
    position: fixed;
    height: 40px;
    top: 25px;
    right: 10px;
    align-items: flex-end;
    z-index: 99;

} 
.menuLogo {
    margin-right: 10px;
    height: 40px;
}
.control{
    margin: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
    background-color: lavender;
    font-size: 20px;
    color: black;
    border-radius: 5px;
}
.data{
    margin: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
    background-color: lightblue;
    font-size: 20px;
    color: black;
    border-radius: 5px;
}
.output{
    font-size: 12px;
}
@page { margin: 1cm }