/* maxbaechli.ch v1.0 */

:root {
    /* color*/
    /* general*/
    --color-blue: rgb(0, 50, 255);
    --color-darkgrey: rgb(155, 155, 155);
    --color-basic-grey: rgb(150, 150, 150);
    /* backgrounds*/
    --site-background: rgb(245, 245, 245);
    --color-background: rgb(255, 255, 255);

    /* types*/
    --color-image: rgb(235, 65, 37);
    --color-drawing: rgb(81, 176, 51);
    --color-text: rgb(255, 150, 0);

    /* font*/
    /* info*/
    --font-family-info: "Helvetica", sans-serif;
	--font-weight-info: regular;
	--font-size-info: 1.2rem;
    /* type-button*/
    --font-family-button: "Helvetica", sans-serif;
    --font-weight-button: regular;
    --font-size-button: 1.3rem;
    /* showAll-button*/
    --font-family-showAll: "Helvetica", sans-serif;
    --font-weight-showAll: regular;
    --font-size-showAll: 1.3rem;
    /* output-description*/
    --font-family-output-description: "Menlo", sans-serif;
    --font-weight-output-description: regular;
    --font-size-output-description: 1rem;
    /* output-value*/
    --font-family-output: "Menlo", sans-serif;
    --font-weight-output: regular;
    --font-size-output: 0.8rem;
    /* project-list*/
    --font-family-project: "Helvetica", sans-serif;
    --font-weight-project: regular;
    --font-size-project: 0.8rem;
    /* media-info*/
    --font-family-media-info: "Menlo", sans-serif;
    --font-weight-media-info: regular;
    --font-size-media-info: 0.5rem;
    /* media-info-gallery*/
    --font-size-media-info-gallery: 0.7rem;
}

/* Viewport: 1024 x ??? */
@media screen and (max-width: 1024px) {

   :root {
       --font-size-button: 1.2rem;
       --font-size-showAll: 1.2rem;
       --font-size-info: 1.2rem;
   }
}

   /* Viewport: 736 x ??? */
@media screen and (max-width: 736px) {

    :root {
        --font-size-button: 1rem;
        --font-size-showAll: 1rem ;
        --font-size-info: 1.2rem;
        --font-weight-button: regular;
    }
}

   /* Viewport: 540 x ??? */
   @media screen and (max-width: 540px) {

    :root {
        --font-size-button: 1rem;
        --font-size-showAll: 1rem;
        --font-size-info: 1.2rem;
    }
}