 /* CSS part template Python browser GUI (landscape and portrait)
    Provided by Vogelaar Electronics, Bunschoten Netherlands
    Rev 0.10  2026-02-21  Initial release */
 
* {
    margin: 0;
    padding: 0
}

html, body {
    height: 100vh;
}

#container {
    height: calc(100% - 80px);
    background-color: #E4E4E4;
    border: 40px solid;
    border-image: url(by_120px.png) 40 round;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: 10% 10% 10% 50% 10% 10%;
    align-items: center;
    justify-items: center;
}

.btn {
    width: 60%;
    height: 60%;
    font-size: 3vh;
}

#logo {
    grid-column: 1;
    grid-row: 1 / 2;
    height: 15vh;
}

#title {
    grid-row: 1;
    grid-column: 2 / 5;
    font-size: 4vh;
    font-weight: bold;
    color:blue;
}

#descr {
    grid-row: 2;
    grid-column: 2 / 5;
    font-size: 1.5vh;
}

#btnTx{
    grid-row: 3;
}

#txt0 {
    grid-column: 2 / 5;
    width: 100%;
    height: 60%;
    font-size: 3vh;
}

#memo {
    grid-column: 1 / 5;
    width: 100%;
    height: 90%;
    background-color:antiquewhite;
    font-size: 3vh;
}

#status {
    grid-column: 1 / 5;
    justify-self: left;
    align-self:last baseline
}
