/*ALL BASE KEYS ARE: Id= keys
  DELETE KEY: id= Deleto
  RESET KEY: id= res
  EQUALS KEY: id= equal
  */
.container {
    background:linear-gradient(hsl(224, 36%, 15%),hsl(221, 14%, 31%), hsl(223, 31%, 20%),hsl(6, 63%, 50%) );
    height: 100%;
    width: 100%;
}
.calcflexible {
    background: #33446C;
    border-color: transparent;
}
.screen {
    background: #182034;
    color: #D9D9D9;
    border-color: hsl(223, 31%, 20%);
    border-style: inset;

}
.theme-toggle {
    background-color: hsl(223, 31%, 20%);
}
.keygriddy {
    background-color: hsl(223, 31%, 20%);
    border-color:  #2e395c hsl(223, 33%, 34%);
    border-style: outset;
    border-width: 10pt;
}
.keygriddy > button {
    background-color: #D9D9D9;
    box-shadow: 4px 4px 4px 0px rgba(64, 78, 114, 0.65) ;
    color: hsl(221, 14%, 31%);
}
.calcgivhead {
    color: hsl(0, 0%, 100%);
}
#res {
   background-color: #637097; 
   box-shadow: 4px 4px 4px 0px rgba(64, 78, 114, 0.65);
   color: white;
}
#equal {
    background-color: hsl(6, 63%, 50%);
    box-shadow: 4px 4px 4px 0px hsl(6, 70%, 34%);
    color: white;
}
#Deleto {
    background-color: #637097;
    box-shadow: 4px 4px 4px 0px rgba(64, 78, 114, 0.65);
    color: white;
}
.checkmark  {
    background-color: hsl(6, 63%, 50%);
}