/** main frame **/

html, body { 
	background-position: top left; 
	background-repeat: repeat;
    
}

pre > code {
    font-size: 12px;
}

@media (prefers-color-scheme: light) {
    body {
        background-image: url('/images/bg2.gif'); 
    }

    .content{
        background-color: white;
    }
}

@media (prefers-color-scheme: dark) {
      .content{
        background-color: --var(bulma-background-dark);
    }
}


/* TOP MENU ******************************************* */


@media only screen and (max-width: 500px) {

    .max480 {
        width: 100%;
    }
    	
}

@media only screen and (min-width: 500px) {

    .max480 {
        width: 445px;
    }

}



a.projects:hover, a.projects_selected {
	color: #1A93F0;
    background-color: #0560A6; /* blue */
}

li.topmenu a.gfx:hover, li.topmenu a.gfx_selected{
	color: #EE55D3;
    background-color: #952782; /* purple */
}

li.topmenu a.music:hover, li.topmenu a.music_selected {
	color: #F0E31A;
    background-color: #EA9A00; /* lime */
}

li.topmenu a.about:hover , li.topmenu a.about_selected {
	color: #EE4B0B;
    background-color: #B83C0B; /* red */
}

/* ************************************************* */

	img{ padding:0px;margin:0px;border:0px; }