.logo{
    padding: 16px 0;
}

.heading{
    font-size: 24px;
    color: rgb(16, 56, 118);
    padding-left: 16px;
    padding-right: 16px;
}

.form-wrapper{
    margin-bottom: 16px;
}


#name-text{
    padding: 5px 10px;
    outline-color: rgba(16, 56, 118, 0.558);
    width: 340px;

    border-color: rgba(16, 56, 118, 0.558);
    border-width: 1px;
    border-radius: 2px;
}

#name-text:focus{
    background-color: white;
}

#name-text::placeholder{
    color: rgba(16, 56, 118, 0.684);
}



#submit-btn{
    background-color: rgb(16, 56, 118);
    color: white;
    border: none;
    border-radius: 2px;
    padding: 6px 18px;
}

#submit-btn:disabled{
    background-color: rgb(12, 43, 90)
}

.download-link{
    text-decoration: none;
    background-color: rgb(16, 56,118);
    color: white;
    border: none;
    border-radius: 2px;
    display: inline-block;
    padding: 6px 18px;

}

.canvas-wrapper canvas{
    pointer-events: none;

    -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
}


.hidden{
    display: none;
}