@charset "utf-8";

body {
	margin: 0 auto 0;
	padding: 0;
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	color: #fff;
/*
    background-image: -webkit-repeating-linear-gradient(0deg, transparent, transparent 13px, rgba(203, 138, 153, 0.5) 13px, rgba(203, 138, 153, 0.5) 29px),
                      -webkit-repeating-linear-gradient(0deg, transparent, transparent 4px, rgba(160, 117, 0, 0.5) 4px, rgba(160, 117, 0, 0.5) 19px, transparent 19px, transparent 37px),
                      -webkit-repeating-linear-gradient(0deg, rgba(183, 202, 208, 0.5), rgba(183, 202, 208, 0.5) 30px, transparent 30px, transparent 53px);
    background-image:    -moz-repeating-linear-gradient(0deg, transparent, transparent 13px, rgba(203, 138, 153, 0.5) 13px, rgba(203, 138, 153, 0.5) 29px),
                         -moz-repeating-linear-gradient(0deg, transparent, transparent 4px, rgba(160, 117, 0, 0.5) 4px, rgba(160, 117, 0, 0.5) 19px, transparent 19px, transparent 37px),
                         -moz-repeating-linear-gradient(0deg, rgba(183, 202, 208, 0.5), rgba(183, 202, 208, 0.5) 30px, transparent 30px, transparent 53px);
    background-image:      -o-repeating-linear-gradient(0deg, transparent, transparent 13px, rgba(203, 138, 153, 0.5) 13px, rgba(203, 138, 153, 0.5) 29px),
                           -o-repeating-linear-gradient(0deg, transparent, transparent 4px, rgba(160, 117, 0, 0.5) 4px, rgba(160, 117, 0, 0.5) 19px, transparent 19px, transparent 37px),
                           -o-repeating-linear-gradient(0deg, rgba(183, 202, 208, 0.5), rgba(183, 202, 208, 0.5) 30px, transparent 30px, transparent 53px);
    background-image:     -ms-repeating-linear-gradient(0deg, transparent, transparent 13px, rgba(203, 138, 153, 0.5) 13px, rgba(203, 138, 153, 0.5) 29px),
                          -ms-repeating-linear-gradient(0deg, transparent, transparent 4px, rgba(160, 117, 0, 0.5) 4px, rgba(160, 117, 0, 0.5) 19px, transparent 19px, transparent 37px),
                          -ms-repeating-linear-gradient(0deg, rgba(183, 202, 208, 0.5), rgba(183, 202, 208, 0.5) 30px, transparent 30px, transparent 53px);
    background-image:         repeating-linear-gradient(0deg, transparent, transparent 13px, rgba(203, 138, 153, 0.5) 13px, rgba(203, 138, 153, 0.5) 29px),
                              repeating-linear-gradient(0deg, transparent, transparent 4px, rgba(160, 117, 0, 0.5) 4px, rgba(160, 117, 0, 0.5) 19px, transparent 19px, transparent 37px),
                              repeating-linear-gradient(0deg, rgba(183, 202, 208, 0.5), rgba(183, 202, 208, 0.5) 30px, transparent 30px, transparent 53px);
	background-color: #f6dca2;
*/
    background: url(/media/stripes.svg) repeat-y;
    background-color: #ffffff;
	text-align: center;
	min-width: 40em;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #000000;
	}
}

a {
	color: #000;
	text-decoration: none;
}

a:link {
	color: #000;
}

a:visited {
	color: #000;
}

/* MAIN PAGE */

#slides {
    margin:  0;
    border:  0;
    padding: 2em 0 2em 0;

	list-style-type: none;

    column-count: 2;
    column-gap: 1em;
    column-rule: 0;

    -moz-column-count: 2;
    -moz-column-gap: 1em;
    -moz-column-rule: 0;

    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    -webkit-column-rule: 0;
}

@media screen and (max-width: 980px) {
    #slides {
        column-count: 1;
        column-gap: 0;
        column-rule: 0;

        -moz-column-count: 1;
        -moz-column-gap: 0;
        -moz-column-rule: 0;

        -webkit-column-count: 1;
        -webkit-column-gap: 0;
        -webkit-column-rule: 0;
    }
}

#slides li	{
	background-color: #fff;
	color:   #000;
	height:  17.5em;
	width:   20em;
	margin:  1.5em auto 1.5em;
	padding: 0.625em;
	display: block;
	border-radius: 0.625em;
    box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.5);
}

#slides li a img {
	width: 20em;
    height: 15em;
	border-radius: 0.625em;
    border: 0;
}

/* OTHER PAGES */

#content {
	width:   40em;
	padding:  0.625em 0.625em 2em 0.625em;
	margin:   0 auto 0;
	color:  #000;
	background-color: #fff;
    text-align: left;
    box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.5);
}

#menu {
	list-style-type: none;
    width: 40em;
    background-color: #fff;
    margin: 0em auto 0;
    padding: 1em 0.625em 0.625em 0.625em;
    color: #302112;
    border-radius: 0 0 0.625em 0.625em;
	border-top: 0.062em solid #302112;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: flex;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-box-pack: justify;
    -o-box-pack: justify;
/*     box-pack: justify; */
    box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.5);
}

#menu li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    flex: 1;
}

@charset "utf-8";

#topsites {
    background: url(/media/tre-big.svg), url(/media/uno-big.svg), url(/media/due-big.svg), url(/media/raster-big.svg) repeat;
    background-color: #ffdd00;
}