.card {
    padding: 10px 24px;
    display:flex;
    align-items: flex-start; 
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); 
    border-radius:6px;
    border:1px solid;
    font-family: 'iA Writer Quattro V';
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 19.5px */
}

.card:hover{
    background-color: #5737E6;
    color: white;
    cursor:pointer !important;
    box-shadow:none;
    transition:0.2s;
}


.card *:hover{
    cursor: pointer !important;
}


.step {
    width:100%;
    margin-top:10px;
    border-radius:3px;
    padding:10px;
    border:1px solid #DFDFDF;
}

#editor {
   width:100%;
   height:inherit;
}


.CodeMirror {
    height:inherit !important;
}

.result-img {
    width:500px;
}