:root {
    --project-accent-color: saddlebrown;
    --project-link-color: saddlebrown;
    --project-button-color: saddlebrown;
    --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: brightness(0) saturate(100%) invert(28%) sepia(82%) saturate(555%) hue-rotate(344deg) brightness(93%) contrast(96%);
    --project-big-buttons-icon-filter-hover: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(2%) hue-rotate(98deg) brightness(107%) contrast(100%); /*white*/
}

[data-theme="dark"] {
    --project-accent-color: #c55f16;
    --project-link-color: #b36b2d;
    --project-button-color: #b36b2d;
    --project-big-buttons-icon-filter: brightness(0) saturate(100%) invert(42%) sepia(97%) saturate(384%) hue-rotate(346deg) brightness(91%) contrast(86%);;
    --project-big-buttons-icon-filter-hover: brightness(0) saturate(100%) invert(6%) sepia(22%) saturate(1126%) hue-rotate(174deg) brightness(100%) contrast(92%);;
    --project-big-buttons-text-hover-color: var(--background-color);
}

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

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