@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

*{
   margin:0;
   padding:0;
   box-sizing:border-box;
   font-family: 'Work Sans', sans-serif;
   font-size: 112.5%;
   font-weight: 600;
}

body{
   width:100%;
   height:100vh;
   display:flex;
   justify-content: center;
   align-items: center;
   background:linear-gradient(45deg,black,rgb(63, 63, 63))
}

input{
   width: 320px;
   border: none;
   padding: 24px;
   margin: 10px;
   background: transparent;
   box-shadow: 0px 3px 15px rgbs(84, 84, 84, 0.1);
   font-size: 40px;
   text-align: right;
   cursor: pointer;
   color: #ffffff;
}

input::placeholder{
   color: #ffffff;
}

button{
   border: none;
   width: 60px;
   height: 60px;
   margin: 10px;
   border-radius: 50%;
   background: transparent;
   color: #ffffff;
   font-size: 20px;
   box-shadow: -8px -8px 15px rgba(255, 255, 255, 0.1);
   cursor: pointer;
}

.equalBtn{
   background-color: #fb7c14;
}

.operator{
   color: #6dee0a;
}

@media(max-width:1000px){
   body{
      zoom:2.5;
      margin-top:-500px;
      height:100vh 
   }
   .cv{
      margin-top:-300px;
   }
}