@media only screen and (max-width: 600px) {
    /*---------- Main ----------*/
    body {
        zoom: 80%;
    }

    .headline {
        font-size: 18px;
    }

    .sub-btn {
        border-radius: 10px;
        padding: 6px 20px;
        text-align: center;
        font-size: 15px;
        font: bold;
        transition-duration: 0.3s;
        cursor: pointer;
    }

    .edit-btn {
        border-radius: 10px;
        padding: 6px 6px;
        text-align: center;
        font-size: 10px;
        transition-duration: 0.3s;
        cursor: pointer;
    }

    table {
        text-align: left;
        margin: 0 auto;
        border: 1px solid rgb(177, 177, 177);
    }
    
    th, td {
        text-align: left;
        padding: 0.4em;
        border: 1px solid rgb(177, 177, 177);
    }
    
    th {
        font-weight: bold;
        font-size: 10px;
    }
    
    td {
        text-align: center;
        font-size: 8px;
    }
    
    tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    /*---------- Edit.php ----------*/
    .edit-div-scroll {
        max-height: 181px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        /* Tree */

        .edit-category-section-ul-div {
            padding-top: 1em;
        }

        li {
            padding-bottom: 10px;
        }

        ul, #edit-category-section-ul {
            list-style-type: none;
            font-size: 18px;
        }

        #edit-category-section-ul {
            margin: 0;
            padding: 0;
        }

        .caret {
            cursor: pointer;
            user-select: none;
        }

        .caret::before {
            content: "\22C0";
            font-size: 18px;
            color: black;
            display: inline-block;
            margin-right: 6px;
            transform: rotate(90deg);
        }

        .caret-down::before {
            transform: rotate(180deg);
        }

        .nested {
            display: none;
        }

        .active {
            display: block;
            padding-left: 10px;
        }


    /*---------- Account.php ----------*/
    .div-scroll {
        max-width: auto;
        overflow-x: scroll;
        overflow-y: hidden;            
    }
    
    .backup-inserts {
        text-align: left;
        overflow-x: hidden;
        overflow-y: scroll;
        height: 300px;
        font-size: 8px;
    }

    .changelog {
        position: relative;
        align-content: center;

        height: 200px;

        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        
        border: 2px solid black;
        border-radius: 10px;

        overflow-y: scroll;

        word-break: keep-all;
    }

    /*---------- Report.php ----------*/

    .report-charts-earnings-headline {
        color: rgb(2, 181, 2);
        font-size: small;
    }

    .report-charts-spendings-headline {
        color: red;
        font-size: small;
    }

    .report-charts-savings-headline {
        color: black;
        font-size: small;
    }

    .report-infotext {
        font-size: medium;
    }

}