.form-control {
  
font-size: 15px !important;
width: 50%;
border: none;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
border-radius: 4px;
height: 30px;
background: #fff; 
}
.my-3{
  color:#fff;
  
  font-size: 15px !important;
}
.btn {
width: 20%;
background-color: #1f9aaa;
color: white;
padding: 14px 10px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
.btn a{
  color:#fff!important; 
  font-weight:normal!important; 
  text-decoration:none;
  padding-left:27px;
  text-shadow:none!important;
}
.btn2 {

background-color: #000;
color: white;
padding: 14px 10px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
.omatulos{
width: 50%;
color: rgb(255, 255, 255);
padding: 14px 10px;
background-color: #1f9aaa !important;
border: none;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.puolitus{
    width: 50%;
}
.koe{
    width: 100%;
}

input[type=number]:focus {
  background-color: lightblue;
  color: white;
}
.laskuri-box {
  position: relative;
  top: 10px;
  width: 100%;
  padding: 20px;
  background: rgba(62, 154, 170, 0.5);
  box-sizing: border-box;
  box-shadow: 0 15px 25px rgba(0,0,0,.6);
  border-radius: 10px;
}
input, label {
    display:block;
    padding: 5px 0px;
}