:root {
    --project-accent-color: #b59a00;
    --project-link-color: #b59a00;
    --project-button-color: #b59a00;
}

[data-theme="dark"] {
    --project-accent-color: gold;
    --project-link-color: gold;
    --project-button-color: gold;
}

/*Project color is so in dark mode so selected text has to be black*/
[data-theme="dark"] ::selection{
    color: initial;
}

/*mobile first min-width sets base and content is adapted to computers.*/
@media (min-width: 100px) {
    .project-title-container {
        align-items: end;
        flex-wrap: wrap-reverse;
    }
}

/*portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones*/
@media (min-width: 641px) {
}

@media (min-width: 961px) {
}

@media (min-width: 1300px) {
    /*tablet, landscape iPad, lo-res laptops ands desktops*/

}

@media (min-width: 1600px) {
}