@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;900&display=swap";body{margin:0;padding:0;overflow:hidden}html{scroll-behavior:smooth}*{font-family:poppins,sans-serif;z-index:2}.main{background-color:#a0d7ff;height:100vh;width:100vw}.container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5%;overflow:hidden}.main-1{display:flex;flex-direction:column;justify-content:center;gap:20px}.main-2{display:flex;flex-direction:column;justify-content:center}.logoHolder{display:flex;flex-direction:row;gap:20px;align-items:center}.main-1,.main-2{width:50%}.image{width:110%}.logo{height:50px}.version{color:#fff;background-color:#007aff;border-radius:25px;padding:1.5% 2.5%}.title{color:#fff;text-transform:uppercase}.newFresh{color:#fff;background-color:#2ca8ff;border-radius:25px;padding:1% 2%;width:fit-content}h1{margin:0;padding:0}.title-1{color:#303136;font-size:3rem;line-height:1}.absolute{position:absolute;z-index:1}@media only screen and (max-width:550px){.absolute{display:none}}.re{width:50px;animation:rotateAndScale 2s ease-in-out infinite}.el{width:20px;animation:moveUpDown 2s ease-in-out infinite}@media only screen and (max-width:700px){.container{flex-direction:column}.main-1{align-items:center}.title-1{font-size:1.5rem;text-align:center}}.themeChange{position:absolute;top:12px;left:10px;padding:.5% 2.5%;background-color:transparent;color:#005db2;border:1px solid #005DB2;cursor:pointer}.themeChange:hover{background-color:#005db2;color:#000}.btn{padding:2.5% 5%;background-color:#000;color:#fff;text-decoration:none;border:solid 1px black;width:fit-content}.btn:hover{background-color:transparent;color:#000}@keyframes rotateAndScale{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}@keyframes moveUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.calc{background-color:#daf0ff;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.calculator{height:70vh;width:50vw;border-radius:25px;animation:blurry 6s infinite}@media only screen and (max-width:500px){.calculator{width:85vw}}@keyframes blurry{0%,to{box-shadow:15px 15px 20px #329fed}50%{box-shadow:35px 35px 40px #60beff}}input{height:20%;border:1px solid transparent;width:calc(99% - 40px);background-color:transparent;cursor:default;padding:0 20px;text-align:end;line-height:100%;color:#818181}.new{font-size:2rem}input[type=text]:focus{outline:none}.screenwhite{color:#424242}.screenbl{color:#fff}.panel{border-top:solid 1px #38B9FF;height:50%;display:grid;grid-template-columns:auto auto auto auto;gap:10px;padding:5% 10%}.key{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:10px;cursor:pointer}.spH{grid-column:3 / span 2}.spV{grid-row:3 / span 2;grid-column:4}.blackbg{background-color:#000}.offwhitebg{background-color:#f7f8fb}.whitebg{background-color:#fff}.keywhite1{background-color:#fff;color:#38b9ff;border-bottom:solid .5px #38B9FF;border-right:solid .5px #38B9FF;box-shadow:2.5px 2.5px 6px #60beff}.keywhite2{background-color:#fff;color:#858585;border-bottom:solid .5px #38B9FF;border-right:solid .5px #38B9FF;box-shadow:2.5px 2.5px 6px #60beff}.keywhite3{background-color:#ade2ff;color:#109dff;border-bottom:solid .5px #38B9FF;border-right:solid .5px #38B9FF;box-shadow:2.5px 2.5px 6px #60beff}.keywhite4{background-color:#19acff;color:#b2daff;border-bottom:solid .5px #38B9FF;border-right:solid .5px #38B9FF;box-shadow:2.5px 2.5px 6px #60beff}.keyblack1{background-color:#303136;color:#29a8ff}.keyblack2{background-color:#616161;color:#a5a5a5}.keyblack3{background-color:#005db2;color:#339dff}.keyblack4{background-color:#1991ff;color:#b2daff}.key,.calculator{transition:.5s}.keywhite1:active,.keywhite2:active,.keywhite3:active,.keywhite4:active{box-shadow:none;transition:none}.keyblack1:active,.keyblack2:active,.keyblack3:active,.keyblack4:active{background-color:#fff;color:#000;transition:none}