* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

/* 
h1 {
  font-family: prompt;
  text-align: center;
  grid-column: 2/3;
  grid-row: 1/2;
  margin: auto;
  margin-left: 52px;
  font-size: 44px;
  letter-spacing: 10px;
  margin-top: 20px;
} */

#tout {
  display: flex;
  align-items: center;
  justify-content: center;
}

#calculatrice {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 100px auto;
  margin-top: 100px;
  z-index: 1;
  border: 1px solid grey;
  padding: 20px;
  border-radius: 20px;
}
/* #image1{
  grid-column: 1/4;
  grid-row: 1/4; 
  z-index:-1;
  font-size: 90px;
  color: blue; 
} */

#ecran {
  padding: 15px;
  height: 100px;
  max-width: 290px;
  grid-column: 1/13;
  grid-row: 1;
  z-index: 2;
  background: linear-gradient(rgb(40, 39, 39), rgb(31, 39, 145));
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.436);
  border-radius: 5px;
  color: rgb(238, 250, 5);
  font-size: 30px;
  text-align: right;
  font-family: quicksand;
  box-shadow: 0px 0px 10px rgba(123, 123, 123, 0.85);
  overflow: hidden;
}

#boutons {
  grid-column: 1/13;
  grid-row: 2/11;
  display: grid;
  grid-template-columns: repeat (4, 1fr);
  grid-template-rows: repeat (4, 1fr);
  grid-gap: 10px;
  margin-top: 20px;
}

.bouton {
  color: navy;
  gap: 10px;
  height: 70px;
  width: 70px;
  border-radius: 10px;
  background-color: transparent;
  border: blue;
  box-shadow: 0px 0px 10px rgba(116, 116, 116, 0.266);
  font-family: arial;
  font-size: 15px;
}
.bouton:hover {
  gap: 10px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.45) inset;
}

#egal {
  color: navy;
  gap: 10px;
  height: 70px;
  width: 70px;
  border-radius: 10px;
  background-color: transparent;
  border: blue;
  box-shadow: 0px 0px 10px rgba(116, 116, 116, 0.266);
  font-family: arial;
  font-size: 15px;
}

#egal:hover {
  gap: 10px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.45) inset;
}

#reload {
  color: navy;
  gap: 10px;
  height: 70px;
  width: 70px;
  border-radius: 10px;
  background-color: pink;
  border: blue;
  box-shadow: 0px 0px 10px rgba(116, 116, 116, 0.266);
  font-family: arial;
  font-size: 15px;
}

#reload:hover {
  gap: 10px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.45) inset;
}

#preresultat {
  color: white;
  gap: 10px;
  height: 70px;
  width: 70px;
  background: linear-gradient(black, grey);
  box-shadow: 1px 1px 5px 1px black;
  font-family: orbitron;
}
#container5 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}