@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
body,html{
    width: 100%;
    height: 100%;
  
  background-image: linear-gradient(rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.6)),url(https://wallpaperaccess.com/full/5789354.jpg) ;
  background-repeat: no-repeat;
    background-size: cover;
    background-attachment:fixed;
    background-position: center;
}

.inputgroup h2{
    text-shadow: 4px 7px 9px  rgb(161, 94, 94);
    /* font-family: 'Black Ops One', 'cursive'; */
        
}
#result{
    color:brown
}
.step1{
  padding-top: 150px;
  display: flex;
  justify-content: center;
  align-items: right;
}
.step2{
    padding-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.para h3{
   color: aliceblue;
}
span{
    color: rgb(255, 42, 42);
    font-family: 'Black Ops One', 'cursive';

}
.inputgroup{
    background-color: rgb(245, 245, 245);
    border: 0.6px solid black;
    border-radius: 20px;
    box-shadow: 5px 10px 10px 5px rgb(0, 0, 0);
    width: 300px;
    padding: 20px;
    text-align: center;
    color: rgb(0, 0, 0);
    

}
.para{
    color: aliceblue;
}
.inputgroup input{
    padding: 15px;
    margin: 10px;
    border: 0px ;
   outline: none;
    background-color: rgb(255, 196, 196);
    border-radius: 18px;
}
.table{
    width: 400px;
    border: 2px solid red;
    box-shadow: 5px 10px 30px;
    border-radius: 10px;
}
.edit a{
    text-decoration: none;
    color: rgb(168, 168, 168);
}