html, body {
  margin: 0;
  padding: 0;
  display: flex; 
  align-items: center;
  flex-direction: column;
  background-color: #D43790;
overflow-x: scroll;

}
canvas {
  display: block;
  box-shadow: 2px 4px 6px black;
  
}
label{
  background-color:#870A30;
  min-width : 100px;
border-radius: 1vw;
padding: 20px;

  
color: #EC8FD0;

}
.upload{
min-width : 100px;
  width:50vw;
  background-color: #870A30;
  height: 50vw;
  max-width: 800px;
  max-height: 800px;
}
.heading{
min-width : 100px;

  font-size: 8vw;
  background-color: #870a2f6e;
  border-radius: 30px;


}
.uploader{
font-size: 10vw;
min-width : 100px;
color: #EC8FD0;

}


input{
color: #360828;

  width:15vw;
  height: 5vh;
  min-height: 100px;
  font-size: 2vw;
min-width : 100px;

  /* background-color: rgb(55, 17, 160); */
  height: 3vw;
}
button{
min-width : 100px;

  width:40vw;
  font-size: 2vw;
  border-radius: 30px;
  background-color:#870A30;
  height: 5vw;
}
a{
  font-size: 2vw;
}
h1{
  font-size: 2vw;
}