.container{
    margin: 0;
    padding: 0;
    width: 98%;
    background: linear-gradient(to top,rgba(0,0,0,0.5)50%,rgba(0,0,0,0.5)50%),url(abc.png);
    background-position: center;
    background-size: cover;
    height: 93vh;
    color: aliceblue;
    padding: 15px;
    /* transform-style: preserve-3d;
     animation: animate 4s linear infinite;
     position: relative;*/
}

/*@keyframes animate
  {
        0%
           {
              transform: rotateX(-10deg) rotateY(0deg);
           }
          
  }*/

.container:hover{
    color:aliceblue;
    border-width: 2px;     
    border-radius: 5%;
}

h1{
    font-size: 50px;
    font-family: 'Times New Roman', Times, serif;
    color: aliceblue;
    transition: 0.3s ease;
    width: 380px;
    border-radius: 10px;
}

h1:hover{
    color:aliceblue;    
    border-width: 4px;
    background:transparent;
    transition: .5s;
    border-style:ridge;
    padding: 1%;
    border-radius: 750%;
}

.calc{
    height: 370px;
    background: transparent;
    padding: 82px;
    border-radius: 10px;
    display: inline-block;
}

#answer{
    background:aliceblue;
    width: 370px;
    height: 80px;
    color:black;
    font-size: xx-large;
    border-radius: 10px;
    padding-right: 10px;
    margin-bottom: 18px;
    text-align: right;
    letter-spacing: 1px;
}

input{
    font-size:30px;
    width: 65px;
    height: 55px;
    color: aliceblue;
    background:navy;
    border-radius: 10px;
    margin: 5px;
    outline: none;
    border: 0px solid;
}

input[type="button"]:hover{
    cursor: pointer;
    background: aliceblue;
    color: black;
}
.btn-red{
    background-color: red;
}

.btn-blue{
    background-color:navy;
}