/*Generell*/
 
 *{margin: 0;}

 /* Calculator */ 
  section.section-calculator{
    background-color: var(--clr-lighter);
  }

  .calculator{
    max-width: 280px;
    padding: 1rem;
    border: 1px solid var(--clr-accent);
    border-radius: 0.25rem;
    background-color:var(--clr-dark);
    margin: 0 auto;
  }

  .calculator-btn{
      background-color: var(--clr-lighter);
      color: var(--clr-light);
      font-size: var(--fs-over-sized);
      font-weight: bold ;
      height: 3rem;
      width: 3rem;
      border-radius: 1.5rem;
      border: none;
      cursor: pointer;    
      margin: 0.5rem 0.25rem;
  }

  .calculator-btn:hover{
    opacity: 0.8; ;
  }

  .lighten:hover{
    opacity: 0.8;
  }

  /* utillities */
  .clr-accent{
    background-color: var(--clr-accent);
  }

  .fs-minimized{
    font-size: var(--fs-minimized);
  }

  /* calculator */
  

  .js-p-calculation{
    border: 4px solid var(--clr-dark); 
    background-color: silver;
    border-radius: 4px;
    width: 240px;
    height: 40px;
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
    overflow: hidden;
    text-align: end;
    vertical-align: baseline;
    padding-right: 6px;
    margin: 1rem 0;
  }