@font-face { font-family:'Karla'; font-style:normal; font-weight:400; font-display:swap; src:local('Karla'), local('Karla'), url(https://zile-libere.com/home/karla.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } img{width:100%;height:auto} *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box} body{font-family:'Karla', sans-serif;font-size:18px;line-height:32px;background-color:#f9f8fd;color:#333} nav {background-color:#17117C;padding:10px;text-align:center;position:fixed;left:0;right:0;top:0;z-index:2} nav li {display:inline-block;padding:0 15px} nav a {text-decoration:none;color:#fff;font-size:16px} h1 {color:#17117C;font-size:24px;padding:30px 0 15px 0} h2, .title {color:#d44084;padding:30px 0 5px 0;font-size:20px;font-weight:bold;display:block} .submenu {text-align:center;top: 50px;padding: 10px;position: relative;overflow: auto;white-space: nowrap;background-color: #efefef;} .submenu li, .submenu li a {display: inline-block;} .submenu li {padding:0 15px;} .submenu li a {color:#000;font-size:15px;text-decoration:none} .submenu li a.active {border-bottom:solid 2px #17117C} article {padding:60px 30px 30px 30px} article p {padding:15px 0} blockquote {margin:15px 0;border-left:solid 2px #111;padding-left:15px;background-color:#fff} article figcaption {font-size:14px;text-align:center;color:#666} article ul, article ol {padding-top:30px} article ul li {border-left:solid 2px #111;padding:5px 15px;background-color:#fff;margin-bottom:2px;list-style:none} article ol li {border-bottom:solid 1px #e6e0ff;padding:5px 15px;background-color:#fff;margin-bottom:2px;list-style:disc inside} article a {color:#111;text-decoration:none;border-bottom:solid 1px #d44084} article figure {margin:30px 0 15px 0} .ad {text-align:center;padding:30px 15px 15px 15px} .zile {padding-top:15px;} .zile li {list-style:disc inside;padding:8px 0;border-bottom:solid 1px #e6e0ff;background-color:transparent;border-left:0} .zile li:first-child {border-top:solid 1px #e6e0ff} .zile a {color:#111;text-decoration:none;border-bottom:solid 1px #d44084} .autor, footer {text-align:center;font-size:16px;display:block;clear:both} .autor {background-color:#e6e0ff;padding:15px;} .autor a {color:#17117C} footer {background-color:#17117C;color:#fff;padding:30px 15px;} footer a {color:#fff} @media only screen and (max-width:1023px) { article figure {width:100vw;margin:0 0 0 -30px;} } @media only screen and (min-width:1023px) { article, .listing {width:960px;margin:0 auto} .listing {padding:0 30px;} .listing .item {float:left;width:48%;} .listing .item:nth-child(odd) {float:left} .listing .item:nth-child(even) {float:right} .listing h2 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} }