@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap");

* html {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
}

body {
  margin: 0;
  background: rgba(255, 255, 255, 0.05);
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
}
#window2{
    margin-top: -10px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 15px;
    border-radius: 20px;
   
}
#window{
    margin-top: 0px;
    margin-bottom: 0px;
    background: rgba(255, 255, 255, 0.05);
        color: rgb(143, 140, 140);
    padding: 15px;
    border-radius: 20px;
    box-shadow: 0 0 5px black;
    text-decoration: none;
}
.swapbox_select {
    width: 50%;
    float: left;
}
.swapbox{
    overflow: auto;
    margin: 20px 0;
    padding: 20px;
    background-color: #2f2f2f;
    border-radius: 20px;
    border: 1px solid #565656;
}
.token_select{
    padding:5px 0;
}

.token_list_img, .token_image{
    width: 40px;
}
.gradient-bg-welcome2 {
    background-color:#534103;
    background-image: 
      radial-gradient(at 0% 0%, rgb(78, 34, 4) 0, transparent 50%), 
      radial-gradient(at 50% 0%, rgb(192, 127, 7) 0, transparent 50%), 
      radial-gradient(at 100% 0%, rgb(61, 48, 6) 0, transparent 50%);
  }
.gradient-bg-welcome {
    background-color:#000000;
    background-image: 
      radial-gradient(at 0% 0%, rgb(78, 34, 4) 0, transparent 50%), 
      radial-gradient(at 50% 0%, rgb(150, 6, 13) 0, transparent 50%), 
      radial-gradient(at 100% 0%, rgb(128, 24, 72) 0, transparent 50%);
  }
  .gradient-bg-footer {
    background-color: #0c0b0b;
    background-image: 
      radial-gradient(at 0% 100%, rgb(14, 14, 15) 0, transparent 53%), 
      radial-gradient(at 50% 150%, rgb(2, 2, 2) 0, transparent 50%);
  }
  .white-glassmorphism {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
  }
  .eth-card {
    background-color:#160800;
    background-image: 
      radial-gradient(at 83% 67%, rgb(10, 6, 0) 0, transparent 58%), 
      radial-gradient(at 67% 20%, rgb(37, 19, 3) 0, transparent 59%), 
      radial-gradient(at 88% 35%, rgb(61, 41, 3) 0, transparent 50%), 
      radial-gradient(at 31% 91%, rgb(100, 17, 2) 0, transparent 52%), 
      radial-gradient(at 27% 71%, rgb(70, 1, 29) 0, transparent 49%), 
      radial-gradient(at 74% 89%, rgb(1, 1, 49) 0, transparent 51%), 
      radial-gradient(at 53% 75%, rgb(44, 1, 5) 0, transparent 45%);
  }

.token_select:hover{
    background-color: #464646;
    cursor: pointer;
    
}
.token_row{
    padding: 5px 10px;
}
.token_row:hover{
    background-color: #e4e4e4;
    cursor: pointer;
}
.gas_estimate_label{
    padding:5px;
}
.modal-body{
    height: 500px;
    overflow: scroll;   
}