body{
    padding:10px;
    background-color: #F5F8FF;
}

/* hlavní box */
#ramecek-container {
    text-align:start;
    background: radial-gradient(circle, #345F9E 0%, #143970 100%);
    padding:60px;
    border-radius:30px;
    max-width:900px;
    margin:0 auto;
    color:white;

    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:40px;
}

/* levý text */
.ramecek-text{
    flex:1 1 350px;
}

/* pravý obrázek */
.ramecek-image{
    flex:1 1 300px;
    text-align:center;
}

.ramecek-image img{
    max-width:100%;
    height:auto;
}

/* nadpis */
#ramecek-container h1{
    line-height:1.2em;
}

/* text */
#ramecek-container p{
    line-height:1.5em;
    margin-bottom:25px;
}

/* upload */
#upload{
    display:block;
    margin:0;
    font-size:1.1rem;
    color:white;
    border-radius:30px;
    border:none;
    cursor:pointer;
}

#upload::file-selector-button:hover{
    background:#f0f0f0;
}

/* editor pod obsahem */
#editor{
    display:none;
    width:100%;
    text-align:center;
    margin-top:20px;
}

/* canvas */
#canvas{
    max-width:95%;
    height:auto;
    border-radius:30px;
    border: 5px solid white;
    margin-bottom: 20px;
}

.nav-home{
    width:100%;
    display:flex;
    justify-content:center;
    margin:30px 0;
}

.nav-home a{
    display:flex;
    align-items:center;       /* vertikální zarovnání */
    justify-content:center;   /* horizontální zarovnání */

    background-color:#dcecff;
    color:#143970;
    gap: 10px;

    text-decoration:none;
    font-weight:600;

    padding:12px 22px;
    border-radius:30px;

    transition:background-color 0.2s ease, transform 0.1s ease;
}

.nav-home a:hover{
    background-color:#c6e0ff;
    transform:translateY(-1px);
}

.nav-home a:active{
    transform:translateY(0);
}

#upload {
    display: none;
}

#file-name {
    margin-left:10px;
    display: none;
}

/* mobil */
@media (max-width:768px){

    #ramecek-container{
        flex-direction:column;
        gap:0;
        padding:20px;
    }

    .ramecek-image{
        order:-1;
    }



}