@keyframes blinky{0%{background-color:#ec5ed6}100%{background-color:#fce7f9}}html,body,p,ul,li,h1,h2,h3{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box;font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{color:#fff;background-color:#ec5ed6;text-shadow:none}html,body{height:100%;min-width:320px;font-family:"Open Sans",Arial,sans-serif;font-size:12px;font-weight:400;color:#ec5ed6}body.home{height:auto}body.player-visible{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:#fff;background-color:#ec5ed6;animation-name:blinky;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out}a.active{text-decoration:underline}img{width:100%;max-width:100%}.kreski{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:.2}body.home .kreski{opacity:1}body.home .content{display:none}.wrapper{padding-left:50px;padding-right:50px}.header{margin-top:50px;margin-bottom:25px}.header h1{display:inline-block}.header h1>a{padding:3px;background-color:rgba(254,244,214,0.7);font-size:25px;font-weight:700;text-transform:uppercase}.sidebar,.container{float:left}.sidebar{width:25%}.container{width:75%;max-width:600px;text-align:center}.content{padding:3px;background-color:rgba(254,244,214,0.7);display:inline-block;margin:50px auto;padding-top:1em;padding-bottom:1em}.content,.media{text-align:right;line-height:1.3}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6,.media h1,.media h2,.media h3,.media h4,.media h5,.media h6{font-size:inherit;font-weight:400;text-transform:uppercase}.content h1+*,.content h2+*,.content h3+*,.content h4+*,.content h5+*,.content h6+*,.media h1+*,.media h2+*,.media h3+*,.media h4+*,.media h5+*,.media h6+*{margin-top:2em}.content p,.media p{font-size:inherit}.content p+*,.media p+*{margin-top:12px}.content ul,.content ol,.media ul,.media ol{list-style:none;margin-bottom:2em;clear:both}.content ul li,.content ol li,.media ul li,.media ol li{text-align:right}.content ul li+li,.content ol li+li,.media ul li+li,.media ol li+li{margin-top:1em}.media{margin-top:50px}@media (max-width: 600px){.wrapper{padding-left:15px;padding-right:15px}.sidebar,.container{width:100%}.container{padding-bottom:50px}}.navigation ul{margin:0;padding:0;list-style:none}.navigation li+li{margin-top:30px}.navigation li>a{padding:3px;background-color:rgba(254,244,214,0.7);font-size:15px;font-weight:700;text-transform:uppercase}.navigation li>a:hover{color:#fff !important;background-color:#ec5ed6}.navigation li:nth-child(2) a{color:#f082df}.navigation li:nth-child(3) a{color:#f295e4}.navigation li:nth-child(4) a{color:#f5a7e9}.navigation li:nth-child(5) a{color:#f7b9ed}.navigation li:nth-child(6) a{color:#f9cbf2}.navigation li:nth-child(7) a{color:#fbdef7}.media-item{padding:3px;background-color:rgba(254,244,214,0.7);width:40%;margin-bottom:2em;display:inline-block;padding-top:1em;padding-bottom:1em;vertical-align:top}.media-item--full{width:100%}.media-item:nth-child(2n){margin-left:10%}.media-item--full:nth-child(2n){margin-left:0}.media-preview,.media-picture{display:table;width:100%;height:150px;text-align:center;cursor:pointer;background-color:rgba(236,94,214,0.1);background-size:cover;background-position:center}.media-preview::after,.media-picture::after{display:table-cell;content:'>';vertical-align:middle;font-size:38px}.media-preview:hover,.media-picture:hover{opacity:.5}.media-preview--larger{height:200px}@media (max-width: 600px){.media-item{width:100%}.media-item:nth-child(2n){margin-left:0}}.media-player{position:fixed;display:none;width:100%;height:100%;left:0;top:0;z-index:9999;background-color:rgba(236,94,214,0.8)}.media-player.visible{display:table}.media-content{display:table-cell;max-width:50%;vertical-align:middle}.media-content iframe{width:100%;height:500px;max-width:900px;margin:0 auto}.media-close{position:fixed;top:0;right:0;padding:20px;cursor:pointer;color:#fff}.media-close::after{display:inline;content:'X';font-size:30px;color:inherit}.media-close:hover{color:#ec5ed6}.media-picture::after{display:none}.media-picture-link{display:table-cell;height:100%}.media-picture-link:hover{background-color:transparent;animation-name:none}@media (max-width: 600px){.media-content iframe{width:100%}}