html, body {font-size: 18px; font-family: Arial; color: #255;}
#myInputS {width: 24vw; font-size: 2.7vw; border: 0.2vw solid #005c07; margin-bottom: 1vw; background-color: #E0E0E0;}
#myInputS:hover {background-color: #EDF2E7; cursor: pointer;}
#myInputV {width: 24vw; font-size: 2.7vw; border: 0.2vw solid #005c07; margin-bottom: 1vw;}
#myInputV:hover {background-color: #EDF2E7; cursor: pointer;}
#myInputC {width: 24vw; font-size: 2.7vw; border: 0.2vw solid #005c07; margin-bottom: 1vw;}
#myInputC:hover {background-color: #EDF2E7; cursor: pointer;}
#myInputB {width: 24vw; font-size: 2.7vw; text-align: center; border: 0.2vw solid #005c07; margin-bottom: 1vw; background-color: #E0E0E0;}
#myInputB:hover {background-color: #EDF2E7; cursor: pointer;}
.price-container {font-size: 2.1vw; margin: 1vw auto;}
#myTable {width: 100%;}
#myTable th:first-child {text-align: left;}
#myTable td:first-child {text-align: left;}
#myTable td {padding: 0.6vh 5px; text-align: center; border-right: 1px solid;}
#myTable th {padding: 0.6vh 5px; border-right: 1px solid rgb(0, 102, 40); border-bottom: 2px solid rgb(0, 102, 40); text-align: center; cursor: pointer;}
#myTable th:last-child {border-right: none;}
#myTable td:last-child {border-right: none;}
#myTable th:hover {background: #f1f1f1; cursor: pointer;}
#myTable2 {width: 100%;}
#myTable2 th, #myTable2 td {padding: 0px;}
#myTable2 {border-collapse: collapse; font-size: 3vh;}
h1 {text-align: center; text-transform: full-width auto; font-size: 5vw; margin-bottom: -10px; color:darkgreen;}
h2 {text-align: center; font-size: 2.5vw; margin-bottom: -5px; color: darkgray;}
h5 {text-transform: full-width; color: darkgray; font-size: 2.5vw; text-align: left; margin: 0px 0 0px 0;}
button[name="bascket"] {border: none; border-radius: 14px; padding: 7px 7px; background: #ffffff; cursor: pointer;}
button[name="bascket"]:hover {background: #f1f1f1;}