body
{
  background-color: #000000;
}

.container
{
    background-color: #6a7264;
    border: 2px solid #fdf500;
  display:block;
  margin:auto;
  width: 50%;
  padding: 1%;

}
h1, #numberText

{
  font-family:arial;
  padding-bottom: 2%;
  text-align: center;
  color: #fff;
text-shadow: 1px 13px 8px #000000;
}
#numberText, #calculate, label
{
  font-family:arial;
}

.buttonDiv
{
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  width: 100%;
  padding-top: 5%;
}

#calculate
{
    border: none;
    padding: 15px 40px;
    text-shadow: 1px 9px 7px #000000;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    border-radius: 50px;
    background-color: #3a3a3a;
    color: #fff;
	transition: 0.3s !important;
}


input#calculate:hover {
    color: #000;
    background: #fff;
    border: 1px solid #000;
	transition: 0.3s !important;
	    cursor: pointer;
}




label
{
  margin-left: 20px;
  font-weight:bold;
}

.iput {

}

.Tname {
text-shadow: 1px 13px 8px #000000;
    float: left;
    width: 35%;
    color: #fff;
    font-size: 136%;
    padding-right: 1%;
}
.InputV {
    text-shadow: 1px 13px 8px #000000;
    font-size: 100%;
    margin-bottom: 0.5%;
    margin-top: 0.5%;
    border-color: #000000;
}

.InputVb {
    text-shadow: 1px 13px 8px #000000;
    font-size: 100%;
    margin-bottom: 0.5%;
    margin-top: 0.5%;
    border-color: #000000;
}

.outputsoggel {
text-shadow: 1px 13px 8px #000000;
    padding-left: 2%;
    color: #fff;
    font-size: 136%;
}


.sine {
text-shadow: 1px 13px 8px #000000;
    color: #fff;
    font-size: 136%;
    padding-right: 1%;
    padding-left: 1%;

}