@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");.container{display:flex;justify-content:center;align-items:center;width:100%;height:87vh;margin:0;padding:0}.calculator{grid:100%/100%;grid-template-areas:"calc";width:400px;max-width:600px;height:380px}.calculator,.purple-calc{display:grid;justify-items:center;align-items:center}.purple-calc{grid-area:calc;align-self:end;justify-self:center;grid:repeat(4,60px)/repeat(3,60px);width:auto;margin:5px 5px 25px;padding:10px;background-color:#724ae4;z-index:3}.purple-calc,.purple-calc__button{justify-content:center;border-radius:10px;box-shadow:0 4px 4px rgba(0,0,0,.25)}.purple-calc__button{display:flex;align-items:center;width:80%;height:80%;background-color:#9d83e8;font-family:Roboto,sans-serif;font-size:25px;font-weight:500;color:#fff;cursor:pointer}.yellow-calc{grid-area:calc;align-self:start;justify-self:start;display:grid;grid:repeat(4,70px)/70px repeat(2,50px);grid-template-areas:"lcd lcd lcd" "onoff - -" "copy - -" "c - -";column-gap:15px;row-gap:15px;justify-items:start;width:auto;margin:5px;padding:15px 10px 20px 15px;z-index:2;background-color:#f9db72;border-radius:25px 0 0 25px}.yellow-calc,.yellow-calc__button{align-items:center;justify-content:center}.yellow-calc__button{display:flex;width:90%;height:90%;background-color:#e0b51b;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:10px;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;color:#fff;cursor:pointer}#lcd{width:85%;height:70%;grid-area:lcd;justify-content:space-between;padding-right:1rem}#lcd-symbol{padding-left:1rem;padding-right:.3rem}#button__on-off{grid-area:onoff}#button__copy{grid-area:copy}#button__c{grid-area:c}.aqua-calc{grid-area:calc;align-self:center;justify-self:end;display:grid;grid:repeat(4,70px)/repeat(2,70px);grid-template-areas:"exp plus" "- less" "- multi" "- div";column-gap:15px;row-gap:15px;align-items:center;justify-items:end;justify-content:center;z-index:2;width:auto;margin:5px 5px 15px;padding:15px 15px 20px 10px;background-color:#5dde91;border-radius:0 25px 25px 0}#button__exponent{grid-area:exp}#button__add{grid-area:plus}#button__subtraction{grid-area:less}#button__multiply{grid-area:multi}#button__divide{grid-area:div}.aqua-calc__button{display:flex;justify-content:center;align-items:center;width:90%;height:90%;background-color:#4ba66f;box-shadow:0 0 4px rgba(0,0,0,.25);border-radius:50%;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;color:#fff;cursor:pointer}:root,body{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#33a09a}header{margin:0;padding:0;width:100%;height:5vh}header h1{position:absolute;display:inline;left:auto;right:15px;top:0;padding:5px 10px 5px 5px;border:solid #fff;border-width:2px 2px 5px;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;color:#fff}footer{width:100%}.social-media,footer{height:8vh;display:flex;justify-content:center}.social-media{align-items:center;width:30%;position:absolute;top:auto;bottom:0}.social-media__button{padding:4px}.social-media__button a img{width:20px;height:20px}#social-media__button--p{font-size:11px;font-family:Poppins,sans-serif;text-align:center;font-weight:200;width:auto;margin:0;color:#fff}
/*# sourceMappingURL=/styles.073c97c0.css.map */