body{
    /*background-image: url(calc.jpg);*/
    background-color: rgb(5, 5, 5);
}
#intro {
    position: absolute;
    top: 100px;
    right: 5px;
    font-size: 1.5em;
    
       
}

#element {
    position: relative;
    top: 100px;
    display: inline-block;
    background-color: #0074d9;
    height: 100px;
    width: 100px;
    font-size: 1px;
    padding: 1px;
    color: white;
    margin-right: 5px;
    margin-left: 5px;
    animation: roll 3s infinite;
    transform: rotate(30deg);
    opacity: .7;
  }
  
  @keyframes roll {
    0% {
      transform: rotate(0);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
#body {
    border: 5px solid black;
    position: relative;
    top: -60px;
    margin-left: 25em;
    height: 30em;
    width: 25em;
    opacity: 100%;
    background-color: grey;
}
#screen {
    border: 5px solid black;
    position: relative;
    display: block;
    height: 10em;
    margin: 1em 2em 2em 2em;
    background-color: antiquewhite;
  

}
#numbers{
    position: absolute;
    right: 0;
    bottom: 0;
    
    
}
#lastMath{
  position: absolute;
  top: 0;
  right: 0;

}
#pad {
    border: 5px solid black;
    position: relative;
    display: block;
    height: 15em;
    margin: 2em 2em 2em 2em;
    background-color: rgb(5, 5, 5);
    color: #fff;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
button {
    position: relative;
    display: inline;
    height: 3.5em;
    width: 5em;
    margin: 5px 5px 5px 5px;
    background-color: black;

}
.neon {
  color: #fff;
  text-shadow:
    0 0 5px rgb(5, 5, 5),
    0 0 10px #fff,
    0 0 20px #fff,
    0 0 40px #0ff,
    0 0 80px #0ff,
    0 0 90px #0ff,
    0 0 100px #0ff,
    0 0 150px #0ff;
}.glow {
  font-size: 80px;
  color: #fff;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }

  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}
.glowing-border {
  border: 2px solid #dadada;
  border-radius: 7px;
}
.glowing-border:hover {
  outline: none;
  border-color: #9ecaed;
  box-shadow: 0 0 10px #9ecaed;
}

.glowing-border:focus {
  outline: none;
  border-color: #ccdf20;
  box-shadow: 0 0 10px #92d623;
}