body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(https://images.unsplash.com/photo-1513077202514-c511b41bd4c7?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1169&q=80);background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.calculator-outer{color:#000;display:flex;justify-content:center;width:100%}.calculator-inner{border-radius:8px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:block;margin:5% auto;padding:1%;width:25%}.calculator{background:#272835;background:linear-gradient(287deg,#272835 61%,#38394b 87%);border:1px solid #ccc;border-radius:4px;border-radius:22px;color:#fff;padding:2%}input{background:#303030;background:linear-gradient(287deg,#303030 11%,#38394b 56%);border:none;border-radius:12px;box-shadow:inset 6px 5px 12px -7px rgba(0,0,0,.75);color:#fff;font-size:22px;margin:0 2%;padding:8px 10px;text-align:right;width:62%}input:focus{outline:none}input[type=submit]{border:none;border-radius:4px;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);color:#fff;cursor:pointer;margin:0 2%;text-align:center;text-transform:uppercase;width:15%;z-index:7}.sum{background-color:#36b2a8}.buttons{padding:2%}.buttons,.numbers-key{display:flex;flex-wrap:wrap;justify-content:center}.numbers-key{width:75%}.calculation-buttons{display:flex;flex-wrap:wrap;justify-content:center;width:25%}.numbers-key>button{background:#2e2f3e;box-shadow:20px 20px 60px #272835,-20px -20px 60px #353647;box-shadow:2.95px 2.95px 3.6px rgba(0,0,0,.15);font-size:22px;height:80px;padding:10px;width:80px}.calculation-buttons>button,.numbers-key>button{border:none;border-radius:50%;color:#fff;margin:2% 1%}.calculation-buttons>button{background:#f1994a;background:linear-gradient(287deg,#f1994a 93%,#f1d34a);box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);font-size:20px;height:65px;width:65px}.numbers-key>button.sum{background-color:#36b2a8}button:hover{box-shadow:none;cursor:pointer}.Credit{bottom:5%;color:#303030;position:absolute;right:5%}.Credit,img{border-radius:50%}img{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);cursor:pointer;height:80px;width:80px}.history-outer{-webkit-animation:slide .5s ease-in-out;animation:slide .5s ease-in-out;background-color:#272835;border-radius:22px;box-shadow:inset 0 1px 1px 0 hsla(0,0%,100%,.1),0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);color:#fff;max-height:65%;min-height:65%;min-width:15%;opacity:.9;overflow-y:scroll;padding:2% 3%;position:absolute;right:8%;text-align:justify;top:10%}h4{color:#36b2a8;font-size:22px;line-height:10px}h4:hover{cursor:pointer;text-decoration:underline;-webkit-transform:scale(1.05);transform:scale(1.05);transition-duration:.6s}.profile-outer{-webkit-animation:slideTwo .5s ease-in-out;animation:slideTwo .5s ease-in-out;background-color:#272835;border-radius:22px;box-shadow:inset 0 1px 1px 0 hsla(0,0%,100%,.1),0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);color:#fff;left:8%;padding:2% 2% 2% 1%;position:absolute;text-align:center;top:10%}.profile-outer>img{height:120px;width:120px}.profile-outer>ul{display:flex;justify-content:center;list-style:none}.profile-outer>ul>li>img{height:30px;margin:10px;width:30px}.profile-outer>button{background-color:#36b2a8;border:none;border-radius:8px;color:#fff;font-size:19px;padding:3% 6%}.profile-outer>button:hover{background-color:#f1994a;cursor:pointer;transition-duration:.6s}.profile-outer>button:after{content:"Contact Me"}.Cover{-webkit-animation:Calcover 1.2s ease-in-out;animation:Calcover 1.2s ease-in-out;background:#272835;background:linear-gradient(287deg,#272835 9%,#0f0f0f 40%,#38394b 87%);border-radius:0 0 22px 22px;border-top:2px dashed #424242;height:378px;position:absolute;right:37.5%;top:33.8%;width:382px}.Cover>span{display:flex;justify-content:center}.Cover>span>h2{color:#ccc;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;opacity:.6}.Cover>span>p{bottom:0;opacity:.4;position:absolute}.profile-outer>p:nth-child(2n):after{color:#f1994a;content:"Prashant Kumar";font-size:22px;font-weight:600;text-align:center}.profile-outer>p:nth-child(odd):after{color:#36b2a8;content:"Full-Stack Developer";font-size:22px;text-align:center}@-webkit-keyframes slide{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideTwo{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideTwo{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes Calcover{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes Calcover{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media only screen and (max-width:768px){.calculator-inner{width:60%}.calculation-buttons>button,.numbers-key>button{padding:8px;width:70px}.calculation-buttons{width:35%}.history-outer{display:hidden}.Cover{display:none}}@media screen and (min-width:770px) and (max-width:1513px){.Cover{display:none}}@media only screen and (max-width:480px){.calculator-inner{width:80%}.history-outer{display:hidden}.calculation-buttons>button,.numbers-key>button{padding:6px;width:60px}.calculation-buttons{width:40%}.Cover{display:none}}
/*# sourceMappingURL=main.0c924c94.css.map*/