* {
        font-family: Arial, Helvetica, sans-serif;
    }

    a {
        max-width: 85vw;
    }

    /* unvisited link */
    a:link {
        color: mediumblue;
    }

    /* visited link */
    a:visited {
        color: purple;
    }

    /* mouse over link */
    a:hover {
        color: dodgerblue;
    }

    /* selected link */
    a:active {
        color: blue;
    }

    .card-setting {
        height: auto;
        width: 85vw;
        object-fit: contain;
        margin: auto;
        margin-bottom: 12px;
        margin-top: 48px;
        position: relative;
    }

    .icon-setting {
        vertical-align: -16%
    }

    h1 {
        font-size: 3vw;
        color: brown;
    }

    h2 {
        font-size: clamp(1.3rem, 1.6vw, 1.6vw);
        color: #1b593f;
    }

    ul.services {
        list-style-type: none;
    }

    hr.solid {
        border-top: 3px solid lightgray;
    }

    .logo {
        height: auto;
        max-width: 22vw;
    }

    .dynamic_top_margin {
        margin-top: 9vw;
    }

    .background-logo {
        max-width: 45vw;
        position: fixed;
        display: none;
        opacity: 0.15;
        z-index: -20;
    }

    @media screen and (max-width:600px) {
        h1 {
            font-size: 5vw;
        }

        .logo {
            max-width: 45vw;
        }

        .dynamic_top_margin {
            margin-top: 15vw;
        }

        .background-logo {
            max-width: 80vw;
        }
    }

    /* Style the button that is used to open and close the collapsible content */
    .collapsible {
        background-color: #55a49f;
        color: white;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: clamp(1.2rem, 1.5vw, 1.5vw);
        vertical-align: middle;
        scroll-margin-top: 5vh;
    }

    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    .active,
    .collapsible:hover {
        background-color: #1b593f;
    }

    /* Style the collapsible content. Note: hidden by default */
    .content {
        padding: 0 18px;
        display: none;
        overflow: hidden;
        background-color: #ccf1f171;
    }

    .collapsible:after {
        font-family: 'Material Icons';
        content: "keyboard_arrow_down";
        font-size: clamp(1.3rem, 1.7vw, 1.7vw);
        color: white;
        float: right;
        margin-left: 5px;
    }

    .active:after {
        content: "keyboard_arrow_up";
    }