.button[data-v-2da86aa0]{width:95px;height:60px;position:relative;cursor:pointer}.button .numberContainer[data-v-2da86aa0]{display:flex;justify-content:center;align-items:center;position:relative;background:#e9e3db;border-radius:8px;z-index:1;width:100%;height:55px;transition:all .1s}.button .numberContainer[data-v-2da86aa0]:active{height:60px}.button p[data-v-2da86aa0]{font-size:35px;font-weight:700;color:#464a59}.button .ombre[data-v-2da86aa0]{position:absolute;width:100%;height:30px;background:#b2a296;border-radius:8px;bottom:0}@media screen and (max-width:530px){.button[data-v-2da86aa0]{width:50px;height:45px}.button .numberContainer[data-v-2da86aa0]{height:45px}.button .numberContainer[data-v-2da86aa0]:active{height:50px}.button .numberContainer p[data-v-2da86aa0]{font-size:30px}.button .ombre[data-v-2da86aa0]{bottom:-5px}}*{padding:0;margin:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;background:#3b4764;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.calculator{width:500px;height:600px;position:relative}.calculator .keyboard,.calculator .resultContainer{position:absolute;display:flex;align-items:center;width:100%;border-radius:8px}.calculator .resultContainer{height:15%;background:#182032;top:0;justify-content:flex-end}.calculator .resultContainer .result{color:#fff;font-size:40px;font-weight:700;margin-right:20px}.calculator .keyboard{height:80%;background:#242e44;bottom:0;justify-content:space-between;flex-wrap:wrap;padding:20px 30px}.calculator .keyboard .bigButton p,.calculator .keyboard .del p{color:#fcfcff;font-size:20px}.calculator .keyboard .del .numberContainer,.calculator .keyboard .reset .numberContainer{background:#657199}.calculator .keyboard .del .ombre,.calculator .keyboard .reset .ombre{background:#424d74}.calculator .keyboard .bigButton{width:210px}.calculator .keyboard .equal .numberContainer{background:#d14030}.calculator .keyboard .equal .ombre{background:#94261b}@media screen and (max-width:530px){.calculator{width:300px;height:450px;position:relative}.calculator .resultContainer .result{font-size:30px}.calculator .keyboard .bigButton p,.calculator .keyboard .del p{font-size:12px}.calculator .keyboard .bigButton{width:115px}}