@charset "utf-8";
@import url("../webfonts/Oswald_VariableFont_wght/stylesheet.css");

body {
    background-image: url(../images/todd-diemer-67t2GJcD5PI-unsplash.jpg);
    background-position: 0% 27%;
    display: flex;
    text-align: center;
    align-items: center;
    min-height: 100px;
    font-family: "Oswald VariableFont wght";
}
.center{
    /* display: none; */
    width: 330px;
    background-color: rgba(255,255,255,0.74);
    border-radius: 10px;
    margin-left: 40%;
    margin-top: 4%;
    background-position: 0% 18%;
}
input[type="text"]{
  height: 60px;
  width: 275px;
  margin-top: 40px;
  border-radius: 1px;
  border: 1px solid #e1e7ea;
  color: black;
  font-size: 22px;
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
  background: rgba(179,202,218,1.00);
}
form .buttons{
  width: 300px;
  margin: 10px 25px 0 15px;
  padding: 10px 0;
}
input[type="button"]{
  width: 58px;
  height: 55px;
  margin: 5px;
  font-size: 22px;
  line-height: 55px;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  background: rgba(255,255,255,1.00);
}
input[type="button"]:hover{
  transition: 0.5s;
  background:  rgba(232,232,232,1.00);
}
input#clear{
  background: #ff1a1a;
  border: 1px solid #cc0000;
  color: white;
}
input#equal{
  width: 275px;
  margin: 10px 0 5px 0;
  font-size: 30px;
  color: white;
  background:  rgba(0,14,46,1.00);
  border: 1px solid ;
}
.parsa {
    color: rgba(42,42,42,0.86);
    font-family: "Oswald VariableFont wght";
    font-size: 17px;
    text-align: left;
    margin-left: -56%;
    text-transform: capitalize;
    margin-bottom: -71%;
	
}