style.css

h1,
.h1 {
  text-align: center;
  font-size: 70px;
  border: 2px solid black;
  border-radius: 10px;
  font-family: Arial, Helvetica, sans-serif;
}
h3 {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
}
.menue {
  background-color: #eeeeee;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
}

.btn {
  padding: 10px;
  margin-left: 1px;
  margin-right: 15px;
  width: 18%;
  border-radius: 5px;
  background-color: rgb(0, 153, 255);
  color: white;
  /* border-style: none; */
  font-weight: bold;
  font-size: 15px;
  height: auto;
  transition: .3s;
}
.inputsf {
  display: inline-block;
  height: 25px;
  margin: 15px;
  width: 15%;
  padding: 5px;
  border-radius: 5px;
  /* border-width: 2px; */
}
.out {
  border: 1px solid black;
  width: 25%;
  height: 25px;
  padding: 10px;
  font-size: 15px;
  background-color: #eeeeee;
}
.inputsf:hover {
  box-shadow: 1px 0px 2px 0px black;
}
.d-none {
  display: none;
}
#chart {
  text-align: center;
}
.chart-container {
  background-color: #eeeeee;
  border-radius: 10px;
  width: 90%;
  margin: 15px auto;
}
.btn:hover{
  background-color: rgb(70, 181, 255);
  box-shadow: 1px 1px 2px black;
}
@media(max-width: 850px){
  .btn{
    width: fit-content;
  }
}
label{
  display: flex;
}