Results of the CSS crunched for xmc.pl

Let's see what we've done for xmc.pl

CSSCruncher.com has crunched this CSS to
15.13 %Less Size! Woohooo!

Crunched CSS code:

?html{font-family:verdana;text-align:justify;padding:16px 12px;margin:28px 0 42px 0;color:#313957;background-color:#000;background-image:url(/b1.webp);overflow-x:hidden;background-repeat:no-repeat;background-attachment:fixed;background-position:center top;background-size:100% 100%;border-top-left-radius:10px;border-top-right-radius:10px;margin-left:auto;margin-right:auto;max-width:1500px;font-size:14px;font-size:1.1rem}
.wege{color:green;font-weight:bold}
.bbg{background-color:#fff;z-index:10;border:12px}
.bck{background:#fff}
.myGrid{margin:0;padding:0;box-shadow:0 0 2.4em #ccc;-moz-box-shadow:0 0 2.4em #ccc;-webkit-box-shadow:0 0 2.4em #ccc;border-radius:12px;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap}
.grid-item-border{border-radius:3px;height:100%;overflow:hidden}
@media only screen and (min-width:993px){.myGrid{background:#ffffff}
.grid-item{margin:0px 0px 26px 0px;width:25%}
.grid-item-border{border-top:1px dashed #666;border-bottom:1px dashed #666;border-left:1px dashed #666;padding:3px;margin:3px;background:#FFFFFF;color:#3a587c}}
.grid-item-borders:first-child{border-left:none}
@media only screen and (max-width:992px){.myGrid{background:#ffffff}.grid-item{margin:0px 0px 26px 0px;width:50%}
.grid-item-border{border-top:1px dashed #666;border-left:1px dashed #666;padding:3px;margin:3px;background:#FFFFFF;color:#3a3f74}}
@media only screen and (max-width:768px){.myGrid{background:#ffffff}
.grid-item{margin:0px 0px 26px 0px;width:100%}
.grid-item-border{border-top:1px dashed #666;border-left:1px dashed #666;padding:3px;margin:3px;background:#FFFFFF;color:#353566}}
.grid-item{text-decoration:none;line-height:160%;font-size:13px;font-size:0.9rem;padding:10px 0}
.grid-item a{text-decoration:none;font-size:13px;transition:color 1.3s linear}
.grid-item a:hover{text-decoration:none;transition:color 1.3s linear}
.myGrid:first-line{font-weight:bolder;font-size:112%}
.section{clear:both;padding:0px;margin:0px}
.col{display:block;float:left;margin:1% 0 1% 1.1%}
.col:first-child{margin-left:0}
.group:before, .group:after{content:"";display:table}
.group:after{clear:both}
.group{zoom:1}
.span_4_of_4{width:100%}
.span_3_of_4{width:74.72%}
.span_2_of_4{width:49.45%}
.span_1_of_4{width:24.17%}
@media only screen and (max-width:480px){.col{margin:1% 0 1% 0%}
.span_1_of_4,.span_2_of_4,.span_3_of_4,.span_4_of_4{width:100%}}
.se{text-align:center;padding:8px 0px;font-size:11px;font-family:tahoma}
.ta{float:left;padding:12px 0px}
object{border:1px solid #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0 3px 12px hsla(3,90%,0%,.2);-webkit-box-shadow:0 3px 12px hsla(3,90%,0%,.2);box-shadow:0 3px 12px hsla(3,90%,0%,.2)}
.sta a:hover{color:#2FAF26;transition:color 1.3s linear}
.stt{text-align:center;font-size:12px;font-family:Tahoma,Arial,Helvetica,sans-serif;color:#272f44;padding:8px;margin:0px 5% 24px 5%;border-bottom:1px dashed #666;letter-spacing:1px}
.stt a{font-size:12px;transition:color 1.3s linear}
textarea,code,input,select{background-color:#fff;padding:3px 2px;margin:3px;border:1px solid #a2a2a2;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:2px 4px 8px #ccc;box-shadow:2px 4px 8px #ccc}
.v{margin:83px 30px 10px 30px;-moz-box-shadow:0 0 2em #fff;-webkit-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff;-moz-border-radius:14px;border:1px solid #dee3eb;background-repeat:repeat;background-attachment:fixed;background-position:center top;-webkit-border-radius:14px;border-radius:14px;filter:alpha(opacity=85);opacity:0.85}
.cc{margin-top:15px;background-color:#fff;display:block;text-align:justify;font-size:14px;line-height:24px}
.ccc{float:left;background-color:#fff;display:inline;margin:0;padding:0;text-align:justify;font-size:13px;line-height:24px;width:25%}
.i{clear:both;margin-left:25px;float:left;font-size:11px}
.i4{clear:both;margin:8px 25px;float:left;font-size:11px}
.i5{clear:both;margin:8px 0;font-size:12px}
.t5{margin:8px 25px;font-size:11px}
.ggo1 img,.ggo img{text-align:center;-ms-box-shadow:0 0 16px #000;-moz-box-shadow:0 0 16px #000;-webkit-box-shadow:0 0 16px #000;box-shadow:0 0 16px #000;-ms-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;max-width:98%;height:auto;margin:12px 14px 18px 4px}
.cw{float:right;background-color:#fff;display:inline;margin:0;padding:0;text-align:justify;font-size:13px;line-height:24px;width:25%}
.myGrid{text-align:center;margin:3px auto}
.k6{text-align:center;margin:20px 0px 0px 0px;width:100%;background:linear-gradient(-180deg,#fff,#fff,#fff,#edeaea);background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px}
.k4{font-size:11px;margin:5px auto;letter-spacing:1px}
img{border:none}
.m img{padding:2px 4px;margin:auto}
a{color:#15559C;transition:color 1.6s linear}
a:hover{color:#58a230;transition:color 1.6s linear}
.yu{text-align:center;letter-spacing:2px;font-size:14px;padding:5px 6px;margin:4px 12%;line-height:160%}
.yu1{text-align:center;letter-spacing:2px;font-size:14px;padding:4px 6px;line-height:160%;margin:4px 10%}
.yu2{text-align:center;letter-spacing:2px;font-size:14px;padding:5px 6px;line-height:160%;margin:4px 2%}
.yu a{font-size:108%}
.yu3{text-align:center;letter-spacing:2px;font-size:14px;padding:3px 6px;margin:4px 4%}
.yu8{text-align:center;letter-spacing:2px;font-size:13px;margin:4px 10px 0px 10px}
.yu8 a{font-size:108%;font-weight:bolder}
h5{text-align:center;font-size:120%;margin:2px;padding:1px}
.wr{text-align:right;padding:3px 10px;margin:0;top:42px;right:86px;position:absolute;visibility:visible}
pre{text-shadow:0px 0px 1px #555;padding:0;margin:0}
.wgc{padding:1px 0 0 0;margin:2px 0px 0px 0px;font-size:90%}
.tbk{padding:4px 2px;text-align:center;vertical-align:middle;margin:0px 8px;border-bottom:1px dashed #666;font-size:14px;vertical-align:middle}
.tbk:last-child{border-bottom:none}
.tbk img{margin:auto;vertical-align:middle}
.rsstitle{padding:0;margin:0}
.kwc{text-shadow:0px 0px 3px #999;padding:2px;margin:2px 0px 0px 0px;font-size:14px}
.pp{padding:16px 40px}
.wg{margin:0;margin-top:8px}
.gb{width:100%;border-top-left-radius:12px;border-top-right-radius:12px;background:linear-gradient(-180deg,#dedbdb,#fff,#fff );background-color:#fff;padding-bottom:8px;background-attachment:scroll;background-position:center top}
.gb1{width:100%;height:auto;border-bottom:1px dashed #666}
.gb2{float:left;width:64%;overflow:hidden}
.gb3{float:left;width:18%}
.gb4{float:left;width:18%}
.gb1:after{content:"";display:table;clear:both}
@media screen and (max-width:1048px){.gb2, .gb3, .gb4,.pab.pab1,.pab2,.pab3, h4{float:none;width:auto;text-align:center;margin:auto}}
.wg{text-align:center;padding-top:6px;margin-top:3px}
.wg1{text-align:center;padding:0px;margin:1px}
.gb3 img{border-radius:3px;box-shadow:0px 0px 10px #555;margin:0px 5px;width:16px;height:11px;vertical-align:middle}
.rssdescription{border-bottom:1px dashed #666;margin:4px 0px;padding:4px 0}
.rssdescription img{margin-bottom:6px}
input{text-align:center;margin:0 auto}
.pab{text-align:left;padding:5px;margin:22px 10px 0px 10px;font-size:12px;margin-left:5%}
.pab1{margin-top:10px;margin-bottom:10px;font-size:12px;text-align:left;margin-left:6%}
.pab2{line-height:160%;margin-top:3px;margin-bottom:3px;font-size:12px;text-align:left;margin-left:4%;margin-right:6px}
button{border:1px solid #ccc;margin:10px 0px 2px 0px;border-radius:3px}
.brd{margin:6px 0px;border-left:1px dashed #555;border-right:1px dashed #555}
.ggo{max-height:4360px;overflow-x:auto;overflow-y:scroll}
.ggo::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5;overflow-x:auto}
.ggo::-webkit-scrollbar{width:4px;height:4px;background-color:#e6e6e9;overflow-x:auto}
.ggo::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#e8e8e8;overflow-x:auto}
.ggo{scrollbar-width:thin !important}
.ggo1{max-height:4520px;overflow-x:auto;overflow-y:scroll}
.ggo1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5;overflow-x:auto}
.ggo1::-webkit-scrollbar{width:4px;height:4px;background-color:#e6e6e9;overflow-x:auto}
.ggo1::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#e8e8e8;overflow-x:auto}
.ggo1{scrollbar-width:thin !important}
.rssdescription img{filter:brightness(100%);margin:12px;transition:transform .3s ease;border-radius:10px;margin:auto;text-align:center}
.rssdescription:hover img{filter:brightness(110%);transform:scale(1.02);border-radius:10px;margin:auto;text-align:center}
H1{font-size:7vw;-webkit-text-shadow:3px 6px 14px #ccc;text-decoration:none;text-shadow:3px 6px 14px #ccc;margin:0px;padding:0;font-weight:bolder;color:#15559C;letter-spacing:10px;text-transform:uppercase;margin:0}
H1 a{margin:12px 0px;padding:0;font-size:7vw;transition:color 1.5s linear;color:#475b87;font-weight:bolder;text-transform:uppercase;text-decoration:none}
H1 a:hover{text-decoration:none;color:#222}
span{text-decoration:none;color:red;padding:0;margin:0}
span a:hover{text-decoration:none}
span a{text-decoration:none}
H2{background:linear-gradient(-90deg,#AF0000,#EF0000);background-color:#EF0000;text-shadow:6px 6px 3px #999;font-size:3vw;font-weight:bolder;color:#FFFFF2;margin:10px 3px 3px 3px;text-shadow:0.2em 0.5em 0.1em #600, -0.14px 0.1em 0.1em #060, 0.4em -0.14px 0.1em #006;padding:12px 0px;letter-spacing:5px;text-transform:capitalize}
H2 a{text-shadow:6px 6px 3px #999;font-size:64px;font-weight:bolder;color:#FFFFF2;margin:10px 3px 3px 3px;text-shadow:0.2em 0.5em 0.1em #600, -0.14px 0.1em 0.1em #060, 0.4em -0.14px 0.1em #006;padding:12px 0px;letter-spacing:5px;text-transform:capitalize}
H3{text-shadow:0px 0px 3px #999;font-size:144%;text-align:center;font-weight:bolder;margin:3px;padding:2px 0px;letter-spacing:2px;text-transform:capitalize}
.yuu a{text-decoration:none}
.cno,.cno1{text-align:center;margin:auto;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}
.cno a,.cno1 a,h1{filter:brightness(100%);transition:transform .5s ease;margin:auto;text-align:center}
.cno a:hover,.cno1 a:hover,h1{filter:brightness(120%);transform:scale(1.05)}
.cnoc{text-align:center;margin:auto;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}
.cnoc a{filter:brightness(100%);transition:transform .6s ease!important;margin:auto;text-align:center}
.cnoc a:hover{filter:brightness(120%);transform:scale(1.06)!important}
.cnoc a,img{box-shadow:none;border-radius:6px}
.nbp{font-size:10px;color:#686868;margin-bottom:1px;padding-bottom:1px;margin-top:0px;padding-top:0px}
h1{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:3.5s;animation-duration:3.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}}
.gb1{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
.pr{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
.bck{background-color:#fff}
.cnocenter{background-color:#fff;margin-bottom:10px;text-align:center;display:flex;justify-content:center;align-items:center}
.cno img{box-shadow:none}
.tvn{padding:6px 0px 6px 0px;text-align:justify}
.tvn img{width:225px;height:149px}
.tvn1 img{width:320px;height:196px}
.tvn1{padding:6px 0px 6px 0px;text-align:justify;font-size:12px}
.tvn1 a{margin:3px 0px;padding:3px 0px;font-size:98%}
.heh{border-top:1px dashed #555;margin:0 5px}
.pr{float:right;right:10px;top:12px;font-size:12px;position:absolute;color:#fff}
.hch{border-bottom:1px dashed #444;margin:8px;padding-bottom:8px;font-size:98%}
.hho{margin:4px 0}
.hhhh{font-weight:normal;color:#fff;font-size:8px}
.rowc1{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}
.ccc1{flex:60%}
.ccc2{flex:20%}
.ccc3{flex:20%}
@media screen and (max-width:900px){.ccc1,.ccc2,.ccc3{flex-direction:column}}
.rowh{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}
.hi1{flex:64%}
.hi2{flex:12%}
.hi3{flex:12%}
.hi4{flex:12%}
@media screen and (max-width:800px){.fcno1,.fcno2{flex-direction:column}}
.fcno{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}
.fcno1{flex:50%}
.fcno2{flex:50%}
@media screen and (max-width:800px){.fcno1,.fcno2{flex-direction:column}}
.co{display:flex;flex-direction:row;flex-wrap:wrap;width:800px}
.co1{flex:20%}
@media screen and (max-width:690px){.co,.co1{flex-direction:column}}
.co img{width:90px;height:120px}
@media screen and (max-width:690px){.co img{width:150px;height:220px}}}
@media screen and (max-width:1000px){.tvn img{width:225px;height:109px}}
@media screen and (max-width:1000px){.tvn1 img{width:320px;height:156px}}
.cno5{text-align:center;margin:auto;display:flex;display:-webkit-flex;flex-direction:column}
.co a{font-size:13px;color:#111;text-decoration:none}
.co a:hover{color:#444}
.nahaczyku a{color:red;text-decoration:underline}
.cno6{text-align:center;margin:auto;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;margin:20px 0px 30px 0px}
.co8 img,.co9 a,.cno8 a{filter:brightness(100%)!important;transition:transform .5s ease!important;margin:auto;text-align:center}
.co8 img:hover,.co9 a:hover,.cno8 a:hover{filter:brightness(130%)!important;transform:scale(1.08)!important}
.cno8 a{display:block}
.cnop{padding:22px 10px 10px 10px}
.cnop img{width:100%;height:auto}

» Show original CSS code

« Hide original CSS code

.wege {color:green; font-weight:bold;}

.bbg { background-color: #fff;  
z-index:10;border:12px;  }
.bck {background:#fff;}

.myGrid{  margin:0;padding:0;box-shadow: 0 0 2.4em #ccc;
-moz-box-shadow: 0 0 2.4em #ccc;
-webkit-box-shadow: 0 0 2.4em #ccc;
  border-radius:12px;
width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; 
display: flex;flex-wrap: wrap;}

.grid-item-border {border-radius: 3px;height: 100%;overflow:hidden;}

@media only screen and (min-width: 993px) {
.myGrid{background: #ffffff;}
.grid-item {margin: 0px 0px 26px 0px;	width: 25%;}
.grid-item-border {border-top:1px dashed #666; border-bottom:1px dashed #666; border-left:1px dashed #666;padding:3px;margin: 3px;	
background:#FFFFFF;color:#3a587c;}}

.grid-item-borders:first-child {border-left:none;}
@media only screen and (max-width: 992px) { 
.myGrid{	background: #ffffff;}.grid-item {margin: 0px 0px 26px 0px;width:50%;}

.grid-item-border 
{ border-top:1px dashed #666; border-left:1px dashed #666;padding: 3px;	margin: 3px;background:#FFFFFF;		
color:#3a3f74;}}

@media only screen and (max-width: 768px) {
.myGrid{background: #ffffff;}
.grid-item {margin: 0px 0px 26px 0px;width: 100%;}
.grid-item-border {border-top:1px dashed #666; border-left:1px dashed #666;	
padding: 3px;	margin: 3px;		background:#FFFFFF;	color:#353566;}}

.grid-item {text-decoration:none; line-height:160%; font-size:13px; font-size:0.9rem; padding:10px 0;}
.grid-item a {text-decoration:none;  font-size:13px;  transition:color 1.3s linear;}
.grid-item a:hover {text-decoration:none; transition:color 1.3s linear; }

.myGrid:first-line {font-weight:bolder; font-size:112%;}
/*  SECTIONS  */
.section { 
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.1%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.72%;
}
.span_2_of_4 {
	width: 49.45%;
}
.span_1_of_4 {
	width: 24.17%;
}

/*  GO FULL WIDTH BELOW 580 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}
.se {text-align:center; padding:8px 0px; font-size:11px; font-family:tahoma;}
.ta { float:left; padding:12px 0px ; }
object {  
border:1px solid #ccc; 
  
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
  border-radius:10px;
-moz-box-shadow: 0 3px 12px hsla(3,90%,0%,.2);
-webkit-box-shadow: 0 3px 12px hsla(3,90%,0%,.2);
box-shadow: 0 3px 12px hsla(3,90%,0%,.2);  
}
.sta a:hover { color:#2FAF26;transition:color 1.3s linear;}   
.stt {text-align:center; font-size:12px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #272f44; padding:8px; margin:0px 5%  24px 5%; 
border-bottom:1px dashed #666;  letter-spacing:1px }
.stt a{  font-size:12px; transition:color 1.3s linear;}

textarea, code, input, select {  background-color: #fff;  padding:3px 2px;margin:3px; border:1px solid #a2a2a2;
-webkit-border-radius: 6px;
  border-radius: 6px;
-webkit-box-shadow:2px 4px 8px #ccc;
box-shadow:2px 4px 8px #ccc; }
 
.v { margin:83px 30px 10px 30px;   
-moz-box-shadow: 0 0 2em #fff;
-webkit-box-shadow: 0 0 2em #fff;
box-shadow: 0 0 2em #fff;
-moz-border-radius:14px;
border:1px solid #dee3eb;  
		background-repeat:repeat; 
	background-attachment:fixed; 
	background-position:center top; 
-webkit-border-radius: 14px;
  border-radius:14px; filter:alpha(opacity=85); /* IE's opacity*/
 
     opacity: 0.85;
}
.cc { margin-top:15px; background-color:#fff; display:block;   text-align:justify;font-size:14px; line-height:24px;}
.ccc {float:left; background-color:#fff; display:inline;margin:0; padding:0;  text-align:justify;font-size:13px; line-height:24px;width:25%;}
.i{clear:both; margin-left:25px;float:left;font-size:11px;}

.i4{clear:both; margin:8px 25px; float:left;font-size:11px;}
.i5{clear:both; margin:8px 0; font-size:12px;}
.t5{ margin:8px 25px;  font-size:11px;}

.ggo1 img,.ggo img{   text-align:center;

-ms-box-shadow: 0  0 16px #000; 
-moz-box-shadow: 0  0 16px #000; 
-webkit-box-shadow: 0 0 16px #000;
box-shadow: 0 0 16px #000;
 -ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
  border-radius:10px; max-width:98%; height:auto; margin:12px 14px 18px 4px;}

.cw {float:right; background-color:#fff; display:inline;margin:0; padding:0;  text-align:justify;font-size:13px; line-height:24px;width:25%;}

.myGrid  {text-align:center; margin:3px auto;}
.k6 {text-align:center; margin:20px 0px 0px 0px;width:100%;background: linear-gradient(-180deg, #fff,#fff,#fff, #edeaea); background-color: #fff;  border-bottom-left-radius:12px; border-bottom-right-radius:12px; }
.k4 {font-size:11px; margin:5px auto;  letter-spacing:1px; }

img {border:none;}

.m img{ padding:2px 4px; margin:auto;}

a { color:#15559C; transition:color 1.6s linear;}
a:hover { color:#58a230; transition:color 1.6s linear;}

.yu {text-align:center; letter-spacing:2px; font-size:14px; padding:5px 6px;  margin:4px 12%;line-height:160%; } 
.yu1  {text-align:center; letter-spacing:2px; font-size:14px; padding:4px 6px; line-height:160%;   margin:4px 10%; } 
.yu2  {text-align:center; letter-spacing:2px; font-size:14px; padding:5px 6px;line-height:160%;    margin:4px 2%; } 
.yu a { font-size:108%;}

.yu3  {text-align:center; letter-spacing:2px; font-size:14px; padding:3px 6px;   margin:4px 4%; }

.yu8 {text-align:center; letter-spacing:2px; font-size:13px; margin:4px 10px 0px 10px;}
.yu8 a { font-size:108%;font-weight:bolder;}
h5 {text-align:center; font-size:120%; margin:2px; padding:1px;}
.wr  { text-align:right; padding:3px 10px;  margin: 0; top:42px; right:86px; position:absolute; visibility:visible; }

pre {text-shadow: 0px 0px 1px #555;padding:0; margin:0;}
 
.wgc { padding:1px 0 0 0;  margin:2px 0px 0px 0px; font-size:90%;  }

.tbk { padding:4px 2px;  text-align:center;vertical-align: middle;
margin:0px 8px; 
border-bottom:1px dashed #666;font-size:14px;vertical-align: middle; }
.tbk:last-child { 
border-bottom:none; }
.tbk img{margin:auto; vertical-align: middle; }
.rsstitle {padding:0; margin:0;}
.kwc {text-shadow: 0px 0px 3px #999;padding:2px;  margin:2px 0px 0px 0px; font-size:14px; }

.pp {padding:16px 40px;}
.wg { margin:0;margin-top:8px; }
.gb { width:100%; 
 border-top-left-radius:12px;  border-top-right-radius:12px; background: linear-gradient(-180deg, #dedbdb, #fff, #fff ); background-color: #fff; 
 padding-bottom:8px;
	 background-attachment:scroll; 
	background-position:center top;	 }
.gb1 { width:100%; height:auto; border-bottom:1px dashed #666; }
.gb2{float:left; width:64%; overflow:hidden; }
.gb3{float:left;width:18%; }
.gb4{float:left;width:18%; }
 
.gb1:after {
    content:"";
    display: table;
    clear: both;
}
@media screen and (max-width: 1048px) {
    .gb2, 
    .gb3,
.gb4,.pab.pab1,.pab2,.pab3,
	h4 {
        float: none;
        width: auto; text-align:center;margin: auto;
 }
    }

.wg  {text-align:center;padding-top:6px;margin-top:3px;}  
.wg1 {text-align:center;padding:0px;margin:1px;}

.gb3 img {border-radius:3px; box-shadow:0px 0px 10px #555;margin:0px 5px;  width:16px; height:11px;vertical-align: middle;}
.rssdescription {border-bottom:1px dashed #666; margin:4px 0px; padding:4px 0;}
.rssdescription img{ margin-bottom:6px;  }

input { text-align:center;margin:0 auto;}
.pab {text-align:left; padding:5px; margin:22px 10px 0px 10px; font-size:12px;margin-left:5%;}
.pab1 {margin-top:10px; margin-bottom:10px; font-size:12px; text-align:left;margin-left:6%;}
.pab2 {line-height:160%;margin-top:3px; margin-bottom:3px;font-size:12px; text-align:left;margin-left:4%;margin-right:6px;}
button {border:1px solid #ccc; margin:10px 0px 2px 0px;   border-radius:3px;} 
.brd {margin:6px 0px;border-left:1px dashed #555;border-right:1px dashed #555;}

.ggo {max-height:4360px;   overflow-x: auto;
  overflow-y: scroll;}

.ggo::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
  overflow-x: auto;
}

.ggo::-webkit-scrollbar{
  width: 4px;
  height: 4px;
  background-color: #e6e6e9;
  overflow-x: auto;
}
 
.ggo::-webkit-scrollbar-thumb {  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #e8e8e8;
  overflow-x: auto;
}
.ggo{scrollbar-width: thin !important; }

.ggo1 {max-height:4520px;   overflow-x: auto;overflow-y: scroll;}

.ggo1::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
  overflow-x: auto;
}

.ggo1::-webkit-scrollbar
{
  width: 4px;
  height: 4px;
  background-color: #e6e6e9;
  overflow-x: auto;
}
 
.ggo1::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #e8e8e8;
  overflow-x: auto;
}
.ggo1{scrollbar-width: thin !important; }

.rssdescription img {  filter: brightness(100%);margin:12px;
  transition: transform .3s ease;border-radius: 10px;
  margin:auto; text-align:center; 
}

.rssdescription:hover img {filter: brightness(110%);
  transform: scale(1.02);  
 border-radius: 10px;

margin:auto; text-align:center;
}
H1 { font-size:7vw; 	-webkit-text-shadow:3px 6px 14px #ccc;  
text-decoration:none;
text-shadow:3px 6px 14px #ccc;  
 
	 margin:0px;padding:0; 
	font-weight: bolder;  color:#15559C;
	letter-spacing: 10px;
	text-transform: uppercase;margin:0;}

H1 a {  margin:12px 0px;padding:0; font-size:7vw; transition:color 1.5s linear;
 color:#475b87;
	font-weight: bolder; 
	 
	text-transform: uppercase; text-decoration:none;
 
}
H1 a:hover {text-decoration:none; color:#222;   
 
 
}
span {text-decoration:none; color:red; padding:0; margin:0;}
span  a:hover {  text-decoration:none;}
span  a {  text-decoration:none;}
H2 {background: linear-gradient(-90deg, #AF0000, #EF0000); background-color: #EF0000; text-shadow: 6px 6px 3px #999;
	font-size:3vw; 
	font-weight: bolder;
	color: #FFFFF2;
	margin: 10px 3px 3px 3px;
 text-shadow: 0.2em 0.5em 0.1em #600,
      -0.14px 0.1em 0.1em #060,
      0.4em -0.14px 0.1em #006; 
	padding: 12px 0px;
	letter-spacing: 5px;
	text-transform: capitalize; }
H2 a {  text-shadow: 6px 6px 3px #999;
	font-size: 64px;
	font-weight: bolder;
	color: #FFFFF2;
	margin: 10px 3px 3px 3px;
 text-shadow: 0.2em 0.5em 0.1em #600,
      -0.14px 0.1em 0.1em #060,
      0.4em -0.14px 0.1em #006; 
	padding: 12px 0px;
	letter-spacing: 5px;
	text-transform: capitalize;
}

H3  {  text-shadow: 0px 0px 3px #999;
	font-size: 144%; text-align:center;
	font-weight: bolder;
	 
	margin: 3px;
  
  
	padding: 2px 0px;
	letter-spacing: 2px;
	text-transform: capitalize;
}

.yuu a {  text-decoration:none;}

.cno, .cno1  {text-align:center; margin:auto; display:flex;  display: -webkit-flex;
justify-content:center; -webkit-justify-content:center;
align-items:center;-webkit-align-items:center;}

.cno a,.cno1 a, h1 {  filter: brightness(100%); 
  transition: transform .5s ease; 
  margin:auto; text-align:center; }

.cno a:hover,.cno1 a:hover, h1 {filter: brightness(120%);
  transform: scale(1.05);  }

.cnoc  {text-align:center; margin:auto; display:flex;  display: -webkit-flex;
justify-content:center; -webkit-justify-content:center;
align-items:center;-webkit-align-items:center;}

.cnoc a   {  filter: brightness(100%); 
  transition: transform .6s ease!important; 
  margin:auto; text-align:center; }

.cnoc a:hover  {filter: brightness(120%);
  transform: scale(1.06)!important;  }
.cnoc a, img {box-shadow:none; border-radius:6px;}
.nbp {font-size:10px; color:#686868; margin-bottom:1px; padding-bottom:1px;margin-top:0px; padding-top :0px;}

h1 {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }

.gb1 {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }

.pr {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }

.bck {background-color: #fff;}
.cnocenter {background-color: #fff;margin-bottom:10px; text-align:center; display:flex;  
justify-content:center; 
align-items:center;} 
.cno img {box-shadow:none;}

.tvn  {padding:6px  0px 6px 0px;  text-align:justify;  }
.tvn img {width:225px; height:149px;}
.tvn1 img {width:320px; height:196px;}
.tvn1  {padding:6px  0px 6px 0px;  text-align:justify; font-size:12px; }
.tvn1 a {margin:3px 0px; padding:3px 0px;font-size:98%; }
.heh {border-top:1px dashed #555; margin:0 5px;}
.pr {float:right; right:10px; top:12px; font-size:12px; position:absolute; color:#fff;}

.hch {border-bottom:1px dashed #444;margin:8px;padding-bottom:8px;font-size:98%;}
.hho {margin:4px 0;}
.hhhh {font-weight:normal; color:#fff;font-size:8px;}

.rowc1 {
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.ccc1 {     
  flex: 60%;
} 
.ccc2 {  
  flex: 20%;  
} 
.ccc3{ 
  flex: 20%; 
} 
@media screen and (max-width: 900px) {
  .ccc1,.ccc2,.ccc3 { flex-direction: column;
 
} 
}
.rowh {
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.hi1 {     
  flex: 64%; 
} 
.hi2 {  
  flex: 12%;  
} 
.hi3 {  
  flex: 12%;  
} 
.hi4 {  
  flex: 12%;  
} 
@media screen and (max-width: 800px) {
  .fcno1,.fcno2 { flex-direction: column;
 
} 
}

.fcno {
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.fcno1 {     
  flex: 50%; 
} 
.fcno2 {  
  flex: 50%;  
}

@media screen and (max-width: 800px) {
  .fcno1,.fcno2 { flex-direction: column;
 
} 
}

.co {
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap;
  width: 800px;
}

.co1 {   
  flex: 20%;
} 
 
@media screen and (max-width: 690px) {
  .co,.co1  { flex-direction: column;
 
} 
}
.co img {width:90px; height:120px;}
@media screen and (max-width: 690px) {
 .co img {width:150px; height:220px;}
}
}
@media screen and (max-width: 1000px) {
.tvn img {width:225px; height:109px;}
}
@media screen and (max-width: 1000px) {
.tvn1 img {width:320px; height:156px;}
}

.cno5  {text-align:center; margin:auto; display:flex;  display: -webkit-flex; flex-direction: column;

}
.co a{font-size:13px; color:#111;text-decoration:none;}
.co a:hover{  color:#444; }

.nahaczyku a {color:red;text-decoration:underline;}

.cno6 {text-align:center; margin:auto; display:flex;  display: -webkit-flex;
justify-content:center; -webkit-justify-content:center;
align-items:center;-webkit-align-items:center;margin:20px 0px 30px 0px;}

.co8 img,.co9 a,.cno8 a   {  filter: brightness(100%)!important; 
  transition: transform .5s ease!important; 
  margin:auto; text-align:center; }

.co8 img:hover,.co9 a:hover,.cno8 a:hover {filter: brightness(130%)!important;
  transform: scale(1.08)!important;  }

.cno8 a {display:block;}
.cnop {padding:22px 10px 10px 10px}
.cnop img{ width:100%;height:auto;}

Some information about this website:

URL: https://xmc.pl/
CSS URL: https://xmc.pl/style.css
Charset: utf-8
Title: Portal Informacyjny ?? Blogi Edukacyjne X Management Center
Meta-Description: Serwis informacyjny ?? XMC.pl wie?ci ze ?wiata, finanse, nowinki muzyczne, GRY, technologie, plotki. Wiele portali tematycznych o charakterze edukacyjnym i dydaktycznym - Patronat TVN24 i grupa INTERIA.PL :)