@import"https://fonts.googleapis.com/css2?family=Delius+Unicase:wght@400;700&family=Doto:wght@100..900&family=Londrina+Sketch&family=Markazi+Text:wght@400..700&family=Pixelify+Sans:wght@400..700&family=Quicksand:wght@300..700&family=Reenie+Beanie&family=Sour+Gummy:ital,wght@0,100..900;1,100..900&family=Tiny5&display=swap";:root{--main-font: Delius Unicase, Times New Roman;--container: rgba(0, 124, 233, .91);--operator: #73d2de;--number: #64dfdf;--hover: #34a0a4 ;--cal-font-color: aliceblue;--footer-result: #666}*{box-sizing:border-box}body{font-family:var(--main-font);width:30%;height:100vh;margin:auto;background-color:#f0f8ff;display:flex;justify-content:center;align-items:center}#container{position:relative;max-width:320px;min-width:320px;box-shadow:5px 5px 16px 1px #1a353b}#display{margin:20px;padding-bottom:40px;text-align:end;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}h4{font-size:3rem;color:var(--footer-result);padding-top:20px}#keys{display:grid;grid-template-columns:repeat(4,25%);padding:20px;color:var(--cal-font-color);margin-top:-40px}button:hover{background-color:var(--hover)}button{font-size:2.5rem;width:70px;height:70px;border:none}.operator{background-color:var(--operator)}.number{background-color:var(--number)}#cal-footer{text-align:center;margin-top:-10px;font-size:14px;color:var(--footer-result)}#cal-footer p{padding-bottom:10px}#cal-footer a{color:var(--number);text-decoration:none}#cal-footer a:hover{text-decoration:underline}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}