body{
    background:#f8f9fa;
}
label{
    font-weight:600;
}
.hero{
    padding:40px 0;
}

.ascii{
    background:#111827;
    color:#7CFC9A;
    border-radius:12px;
    padding:20px;
    font-family: Consolas, monospace;
    font-size:13px;
    line-height:1.2;
    overflow:auto;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.tool-card{
    transition:.2s;
}

.tool-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 30px rgba(0,0,0,.1);
}

.icon{
    font-size:32px;
}

footer{
    background:#212529;
    color:#ccc;
    padding:40px 0;
}


.saida-codigo-bordered{
    width: 100%;
    border: 4px solid #b4b4b4;
    border-radius: 6px;
    padding: 15px;
    font-family: 'Source Code Pro', monospace;
    font-size: 1.2rem;
    box-sizing: border-box; /* Ensures padding is inside the element */
    background-color: #fdfdfd;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
}