@media screen and (max-width:330px){.container{padding:0 1vh 1vh}.functions{margin:2vh;padding:2vh;font-size:3vh}.display{height:18vh;font-size:7vh;margin:1vh}.btn-container{padding:1vh 0 2vh 1.5vh;margin:0;grid-gap:1vh .5vh}.btn-container .item{height:11.5vh;width:11.5vh;font-size:3.8vh}}
@media screen and (min-width:331px){.container{padding:0}.functions{padding:1vh;font-size:2.5vh;margin:0 1.9vh;height:5vh}.display{height:18vh;font-size:5.5vh;margin:1.2vh}.btn-container{padding:1vh 0 2vh 1.8vh;grid-gap:2vh .5vh;margin:0}.btn-container .item{height:10.5vh;width:10.5vh;font-size:2.5vh}}
@media screen and (min-width:331px) and (min-height:810px){.functions{padding:1vh;font-size:2.5vh;margin:2vh 1.8vh;height:4.5vh}.display{height:19vh;font-size:7vh;margin:.5vh 1.2vh}.btn-container{padding:2vh 0 2vh 1vh;grid-gap:2.5vh .5vh}.btn-container .item{height:10vh;width:10vh;font-size:3vh}}
@media screen and (min-width:600px) and (min-height:910px){.functions{padding:1vh;font-size:2.5vh;margin:1vh 3vh;height:7vh}.display{height:22vmax;font-size:8.5vh;margin:2vh 1.5vh;padding-right:4vw}.btn-container{padding:3vh;grid-gap:2vmin 1vmin;margin-right:-1vw;margin-top:4vh}.btn-container .item{height:9.5vmax;width:12.5vmax;font-size:5vw;border-radius:3vw}}
@media screen and (min-width:1020px) and (min-height:600px){body{background-color:#ececec}.container{width:40vh;height:65vh;padding:2vh;margin:0;border:0;border-radius:1.5vw}.functions{height:3vw;padding:.5vw 1vw;font-size:2vh;margin:0 0 1vh;border-radius:.9vh}.display{height:4vw;font-size:6vh;margin:0;padding-right:1vw}.btn-container{padding:1vh 1vh .5vh;grid-gap:1.8vh 1.5vh;margin-right:0;margin-top:1vh}.btn-container .item{height:3.5vw;width:5vw;font-size:2vh;border-radius:1vh;background-color:#2e2e2e;box-shadow:-.25px -.25px .5px rgba(255,255,255,.8)}.btn-container .item:hover{box-shadow:-1px -1px .6px #000}.btn-container .item:active{background:#353565;transform:scale(.94)}.btn-container>.item:nth-child(-n+4),.btn-container>.item:nth-child(4n){background-color:#5e5e5e;color:#adff2f}}
@media screen and (min-width:1920px) and (min-height:1080px){body{background-color:#ececec}.container{width:40vh;height:68vh;padding:2vh;margin:0;border:0;border-radius:1.5vw}.display{height:4.5vw;font-size:6vh;margin:0;padding-right:1vw}.btn-container{padding:1vh 0 .5vh 1vh;grid-gap:1.6vh 1vh}.btn-container .item{height:3.5vw;width:4.8vw}}