@font-face{
  font-family: "sanfranciscodisplay-regular-webfont";
  font-weight: 400;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}
* {
  margin: 0px;
  padding: 0px;
}
html {
  font-family: "San sanfranciscodisplay-regular-webfont";
}
#case {
  height: 400px;
  width: 100%;
  background-color: gray;
}
#screen {
  height: 174px;
  width: 100%;
  background-color: #fbfbfb;
}
#digits {
  float: right;
  margin-top: 7%;
  margin-right:7%;
  font-size: 5em;
  color: #6d6d6d;
}
#equal {
  background-color: #1ba1fe;
  color: white;
}
.operation {
  background-color: #e3e3e3;
}
button {
  height: 80px;
  width: 25%;
  font-size: 1.85em;
  background-color: #f2f2f2;
  color: ##0000A0;
  margin-left: 0px;
  margin-right: 0px;
  float: left;
}
@media screen and (min-device-width: 800px) {
  #case {
    height: 500px;
    width: 25%;
    border: 4px solid #6a5acd;
    border-radius: 5px;
    margin-left: 20%;
    margin-top: 5%;

  }
  #screen {
    width: 100%;
    text-align: right;
    height: 100px;
    border-radius: 1%;
    overflow: hidden;
    white-space: nowrap;
    background-color: #616161;
    text-overflow: ellipsis;
  }
  #digits {
    float: right;
    font-size: 2em;
    color: #f2f2f2;
  }
    button {
    height: 60px;
    font-size: 1em;
  }
  .operation {
     background-color: #f2f2f2;
   }
  #equal {
    background-color: #f2f2f2;
    color: #5d5d5d;
  }
}