2 @import url(//fonts.googleapis.com/css?family=Dosis:400,700&subset=latin,latin-ext);
13 background-color: white;
17 text-decoration: none;
20 text-decoration: underline;
28 @media screen and (min-width: 49em) {
37 @media screen and (min-width: 30em) {
48 @media screen and (min-width: 30em) {
60 section.intro, section.outro {
72 @media screen and (min-width: 49em) {
78 text-decoration: none;
91 @media screen and (min-width: 49em) {
107 background: url({{ media_url('images/roza-select-1.png') }});
108 background-size: 294%;
109 background-position: 50% 0;
118 background: url({{ media_url('images/roza-select-2.png') }});
119 background-size: 222%;
120 background-position: 100% 50%;
130 background: url({{ media_url('images/roza-select-3.png') }});
131 background-size: 294%;
132 background-position: 50% 100%;
142 background: url({{ media_url('images/roza-select-4.png') }});
143 background-size: 222%;
144 background-position: 0 50%;
157 border-top: 1px solid #edede6;
166 @media screen and (min-width: 24em) {
167 display: inline-block;
184 -moz-column-count: 2;
185 -webkit-column-count: 2;
192 -webkit-column-break-inside: avoid;
193 -o-column-break-inside: avoid;
194 -ms-column-break-inside: avoid;
195 column-break-inside: avoid;
196 break-inside: avoid-column;
197 page-break-inside:avoid;
203 display: inline-block;
206 vertical-align: middle;
210 display: inline-block;
217 #b-author, #b-user, #b-inter {
218 display: inline-block;
224 border: .5em solid #edede6;
234 border-color: #ea5b0b;
237 text-decoration: none;
241 .p-author, .p-user, .p-inter {
247 @media screen and (min-width: 24em) {
252 #roza-1 .p-author, #roza-1 .p-user, #roza-1 .p-inter {
255 }#roza-2 .p-author, #roza-2 .p-user, #roza-2 .p-inter {
258 }#roza-3 .p-author, #roza-3 .p-user, #roza-3 .p-inter {
261 }#roza-4 .p-author, #roza-4 .p-user, #roza-4 .p-inter {