@media (prefers-color-scheme:light) {
    :root{
        --bg:white;
        --primary-bg:white;
        --primary-text:black;
        --blue-1:#4166f5;
        --red-1:red;
        --green-1:green;
        --green-2:#c3f0a8;
        --grey-1:grey;
        --grey-2:rgb(208, 204, 204);
        --grey-3:white;
        --button-text:white;
        --button-bg:#4166f5;
    }
    #govImg{
        background-image: url(canadagov.jpg);
        /* background-color: black; */
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height:65px; 
        width: 300px;
    }
    #govImg1{
        background-image: url(canadagov.jpg);
        /* background-color: black; */
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height:65px; 
        width: 300px;
    }
    #down-govImg{
        background-image: url(canadaimmi.png);
        /* background-color: black; */
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height:70px; 
        width: 160px;
        padding:0px 30px 15px 0px;
    }
    #down-govImg1{
        background-image: url(canadaimmi.png);
        /* background-color: black; */
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height:70px; 
        width: 160px;
        padding:0px 30px 15px 0px;
    }
}
@media (prefers-color-scheme:dark) {
    :root{
        --bg:black;
        --primary-bg:black;
        --primary-text:grey;
        --blue-1:#314db8;
        --red-1:rgb(185, 73, 73);
        --green-1:green;
        --green-2:#c3f0a8;
        --grey-1:grey;
        --grey-2:rgb(208, 204, 204);
        --grey-3:rgb(86, 86, 86);
        --button-text:rgb(207, 204, 204);
        --button-bg:#314db8;
    }
    #govImg{
        background-image: url(n.png);
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height:65px; 
        width: 300px;
    }
    #govImg1{
        background-image: url(n.png);
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height:65px; 
        width: 300px;
    }
    #down-govImg{
        background-image: url(canadaimmi.png);
        /* background-color: black; */
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height:70px; 
        width: 160px;
        padding:0px 30px 15px 0px;
    }
    #down-govImg1{
        background-image: url(canadaimmi.png);
        /* background-color: black; */
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height:70px; 
        width: 160px;
        padding:0px 30px 15px 0px;
    }
}
*{
    background-color: #ffff;;
    color: #000;
}
.input-f{
    border:1px solid var(--grey-1);
    border-radius:5px;
    padding:7px 10px;
    width:100%;
    box-sizing: border-box;
    color: #000;
    background-color: #ffff;;
}
.client-list{
    margin: 0px 0px 20px 0px;
    border: 1px solid var(--grey-1);
    border-radius: 10px;
    background-color: wheat;

}
.client-l{
    background-color: wheat;
}
.info-row > p{
    background-color: wheat;

}
.img-row > img{
    background-color: wheat;

}