*		{padding:0; margin:0;}
svg		{border:1px #eee solid;}

body{
    text-align: center;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}



header{
    
    color: #fff;
    background: rgb(142,29,88);
    background: linear-gradient(90deg, rgba(142,29,88,1) 0%, rgba(242,139,32,1) 35%, rgba(236,0,140,1) 100%);
    
    padding: 1rem;
}
h1{
    font-weight: 200; 
    font-size: 4rem;
    line-height: 3.5rem;
    word-break: break-all;
}
h1 span{
    font-size: 0.7em;
}

h4{
    font-weight: 900; 
    font-size: 1rem;
}
  

form{ 
    padding: 1rem;
}


input{ 
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    min-width: 30vw;
    padding: 10px 20px;
}

button{
    padding: 10px 20px;

}

#outputArea{
    margin: 20px;
}

#downloadArea{
    display: none;
}

#canvasArea{
    height:0px;
    overflow: hidden;
}

@media (max-width: 800px) { 
    
    label{
        text-align: left;
    }
input{   
    min-width: 50vw; 
}
}