*{
          margin: 0;
          padding: 0;
          box-sizing: border-box;
 }
 .money-img{
          width: 150px;
          margin-left: 180px
 }
  body{
          height: 100vh;
          background-color: #d2f3eb;
          font-family: Arial, Helvetica, sans-serif;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          margin: 0;
          padding: 20px;
 }
 .xyz{
        height: auto;
        width: 500px;
        background-color:azure;
        border-radius: 6px;
 }
 .heading{
        align-items: center;
        margin-left: 90px;
        color: rgb(47, 46, 46);
 }
 h1{
          margin-top: 30px;
          
          font-family: Arial, Helvetica, sans-serif;
 }
 p{
          margin-top: 20px;
          text-align: center;
          font-weight: 400;
          font-family: Arial, Helvetica, sans-serif;
 }
 .btn{
          color: #fff;
          background-color:cornflowerblue;
          cursor: pointer;
          border-radius: 5px;
          font-size:12px ;
          width: 70px;
          height: 30px;
          display: flex;
          justify-content: center;
          align-items: center;
 }
 .currency{
          padding:40px 0;
          display: flex;
          align-items: center;
          margin-left: 40px;
          justify-content: space-between;
 }
 .currency select{
          padding: 10px 20px 10px 10px;
          -moz-appearance: none;
          -webkit-appearance: none;
          appearance: none;
          border: 1px solid#dedede;
          background: transparent;
          background-position: right 10px top 50%, 0,0;
          background-size: 12px auto,100%;
          background-repeat: no-repeat;
          cursor: pointer;
          font-weight: 400;
          background-color: #e4e2e8;
          border-radius: 7px;
          margin-right: 10px;
 }
 .currency input{
          border: 0;
          background: transparent;
          font-size: 30px;
          text-align: center;
          border-radius: 10px;
          width: 200%;
          margin-left: 2px;
          
 }
 .swap-rate-container{
           
          display: flex;
          align-items: center;
          margin-left: 40px;
          justify-content: space-between;
         
 }
 .rate{
          color: black;
          font-weight:700;
          font-size: 15px;
          padding: 0 10px;

 }
 select:focus,input:focus,button:focus{
          outline:0;
 }
 @media (max-width:600px)
 {
          .currency input{
                    width: 200px;
          }
 }