<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 2013-2022  Ana Guerrero Lopez &lt;ana@debian.org&gt; */

body {
    font-family: tahoma,verdana,sans-serif;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 14px;
    background-color: white;
    color: black;
}

p {
    padding: 10px;
}

a:link {
   color: #C70038;
   text-decoration: none
}

a:active {
   color: #000000;
   text-decoration: none
}

a:visited {
    color: #C70038;
	text-decoration: none
}

a:hover {
    color: #FF0000;
	text-decoration: underline
}


#wrapper {
    margin: 0 auto;
}

.header {
    float: left;
    height: 125px;
}

/* This is for having "Bits from Debian" more aligned to the center */
.header p {
    font-size: 36px;
    margin-left: 2.5cm;
}

.header img {
    float: left;
    margin-top: 20px;
}

#content {
    float: left;
}

#rightcolumn {
    background: #fff;
    float: left;
}

.footer {
    height: 30px;
    text-align:center;
    clear: both;
}

.article h1 {
    color: #C70038;
}

.lateral {
    background-color: #F0F0F0;
    padding-top: 1px;
    margin: 2px;
    -webkit-border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.lateral h1 {
    font-size: 15px;
	padding-left: 1em;
	padding-top: 0em;
}

.nav-list {
       list-style-type: none;
}

.nav-list ul {
    margin: 0 auto;
}

.nav-list a:link,
.nav-list a:visited {
    color: #C70038;
    display: inline-block;
     height: 20px;
     text-decoration: none;
     font-weight: 550;
}

.nav-list a:hover,
.nav-list a:active,
.nav-list .active a:link,
.nav-list .active a:visited {
    background: #C70038;
    color: #FFFFFF;
    text-shadow: none !important;
}


/* prevent horizontal scrolling in small viewports */
div#content, img {
	max-width: 100%;
}
div.highlight {
	overflow-x: auto;
}

/* prevent horizontal "scrolling" in too big viewports */
@media screen and (min-width: 940px) {
    #wrapper {
        width: 940px;
    }

    .header {
        width: 940px;
    }

    #content {
        width: 690px;
    }

    #rightcolumn {
        width: 250px;
    }

    .footer {
        width: 940px;
    }
}</pre></body></html>