:root {
    --project-accent-color: #2e3e50;
    --project-link-color: #2e3e50;
    --project-button-color: #2e3e50;
    --project-big-buttons-text-hover-color: var(--font-color-inverted, whitesmoke);
    /*Style the black svg icons to a color similar to the primary color*/
    /*Finding filter for color: https://angel-rs.github.io/css-color-filter-generator/ */
    --project-big-buttons-icon-filter: invert(20%) sepia(9%) saturate(2106%) hue-rotate(172deg) brightness(93%) contrast(86%);
    --project-big-buttons-icon-filter-hover: invert(100%); /*white*/
}

[data-theme="dark"] {
    --project-accent-color: #4f6b8a;
    --project-link-color: #adcdf3;
    /*--project-button-color: #cdddf3;*/
    --project-button-color: #d3dfef;
    --project-big-buttons-icon-filter: brightness(0) saturate(100%) invert(83%) sepia(11%) saturate(350%) hue-rotate(178deg) brightness(108%) contrast(88%);
    --project-big-buttons-icon-filter-hover: invert(20%) sepia(9%) saturate(2106%) hue-rotate(172deg) brightness(93%) contrast(86%);
    --project-big-buttons-text-hover-color: #2e3e50;
}

.logo {
    width: 60px;
    /*height: auto;*/
    position: absolute;
    /*top: 40px;*/
    /*right: 40px;*/
}

body {
    /*background: linear-gradient(to bottom left, #2e3e50 20%, #ffffff 20%);*/
}