Exp 2 style.css

*{
    margin: 0;
    padding: 0;
    font-family: 'poppins', sans-serif;
    box-sizing: border-box;
    background: #71d397d2;
} /*main background*/

/*colour of the bands*/
.container {
  display: flex;
    
  width: 100%;
  min-height: 40vh;
  background: #4e4e96;
  align-items: center;
  justify-content: center;
    margin-bottom: 20px;
    border: .5px solid #77dd77;
   
}

.buttons {
  display: flex;
    
  width: 100%;
  min-height: 10vh;
  background: #0b0423;
  align-items: center;
  justify-content: center;
    margin-bottom: 20px;
    border: .5px solid #2d9ece;
   
}
  
.box {
    width: 275px;
    min-height: 250px;
    margin: 20px;
    border: 2px dashed #fff;
  }
  .draggable {
    width: 271px;
    height: 190px;
    object-fit: contain;
    
  }
  
  .draggable.dragging {
    opacity: .5;
  }
  
  button {
    position: relative;
    display: inline-block;
    margin: 10px;
    padding: 10px 20px;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #725AC1;
    background: transparent;
    cursor: pointer;
    transition: ease-out 0.5s;
    border: 2px solid #725AC1;
    border-radius: 15px;
    box-shadow: inset 0 0 0 0 #725AC1;
  }
  
  button:hover {
    color: white;
    box-shadow: inset 0 -100px 0 0 #725AC1;
  }
  
  button:active {
    transform: scale(0.9);
  }

  .input {
    border: none;
    outline: none;
    border-radius: 15px;
    padding: 1em;
    background-color: #ccc;
    box-shadow: inset 2px 5px 10px rgba(0,0,0,0.3);
    transition: 300ms ease-in-out;
  }
  
  .input:focus {
    background-color: #dfede9;
    transform: scale(1.04);
    box-shadow: 13px 13px 100px #969696,
               -13px -13px 100px #0b0423;
  }
  
  .label {
    font-size: 20px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #725AC1;
    background: transparent;
  }

.caption {
  font-size: 25px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #e6e3f0;
    background:  #725AC1;
    text-align: center;
    

}