Results of the CSS crunched for hydra2020gate.com

Let's see what we've done for hydra2020gate.com

CSSCruncher.com has crunched this CSS to
11.30 %Less Size! Nice!

Crunched CSS code:

*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}
h1,h2,h3{margin:0}
body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#434343}
.all_center{position:relative;left:0;margin:auto}
.cont{max-width:1100px;display:block;padding:0 10px}
img{max-width:95%}
a{text-decoration:none;color:#707070}
h1,h2{font-size:32px;text-align:center;max-width:850px}
h2{text-align:left}
.cont_mini{max-width:690px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}
.flex_wrap{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
section{padding:40px 0}
section p{line-height:30px}
section:first-child{padding-top:90px}
.t_center{text-align:center;width:100%}
.HH_info{background-color:#DFFFF1;color:#2AAC74;position:fixed;top:55px;left:0;width:100%;z-index:11}
.HH_info p{font-size:14px;margin:0 auto;text-align:center;padding:5px 0;line-height:22px}
.BIG_link{width:320px;height:80px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;background-color:#EFEFEF;border-radius:10px;padding:12px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 20px}
.BIG_link .BG_img{width:55px;height:55px;border-radius:50%;background-color:#fff}
.BIG_link .BIG_cont{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:230px;padding-left:15px}
.BIG_cont p{margin:0;font-size:18px;font-weight:800}
.BIG_cont span{font-size:14px;font-weight:500;position:relative;top:-5px}
.BIG_link .icon{background-repeat:no-repeat;background-position:center}
.TOR_icon{background-image:url(../img/icon/icon_tor.svg)}
.BROWSER_icon{background-image:url(../img/icon/icon_browsers.svg)}
.MINI_link{padding:10px 15px;font-weight:500;font-size:14px;border-radius:5px;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}
.BIG_link.TOR,.MINI_link.TOR{background-color:#C8E5FF;color:#2A6EAC}
.BIG_link.TOR .BG_img{background-color:#A5D4FF}
.BIG_link.TOR:hover,.MINI_link.TOR:hover{background-color:#2A6EAC;color:#fff}
.BIG_link.BROW,.MINI_link.BROW{background-color:#DFFFF1;color:#2AAC74}
.BIG_link.BROW .BG_img{background-color:#A5F8D4}
.BIG_link.BROW:hover,.MINI_link.BROW:hover{background-color:#2AAC74;color:#fff}
.del{cursor:not-allowed;background-color:rgba(1,1,1,0.02);color:rgba(1,1,1,0.8)}
.del:hover,.del:focus{background-color:rgba(1,1,1,0.03) !important;color:rgba(1,1,1,0.9) !important}
.HH_img{margin:50px auto}
@media only screen and (max-width:900px){section{padding:20px 0}
h1,h2{max-width:100%;font-size:18px}
.flex_wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.BIG_link{margin:10px auto}
.HH_img{margin:20px auto}
p{font-size:14px;line-height:10px}
.BIG_cont p{font-size:15px}}
.BUBLE{background-color:#EFEFEF;text-align:center;padding:10px 12px;border-radius:10px;margin:20px auto;max-width:688px}
.BUBLE p{margin:0;font-size:14px;line-height:21px}
.BUBLE.info{background-color:#CFE8FF;color:#2A6EAC}
.BUBLE.green{background-color:#DFFFF1;color:#2AAC74}
.dark{background-color:#F9F9F9}
.ADV_sub{max-width:565px;line-height:25px}
.felx_line{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:40px auto}
.flex_img{width:50%;text-align:center}
.flex_img img{max-width:280px;width:100%}
.flex_cont{width:50%}
.flex_cont h3{color:#2A6EAC;margin:0;font-size:28px}
.flex_cont p{max-width:460px !important;line-height:28px}
@media only screen and (max-width:900px){.BUBLE{margin:20px auto}
.felx_line{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}
.flex_img,.flex_cont{width:100%;margin:15px auto}
.flex_cont h3{font-size:16px}
.flex_cont p{margin:10px 0}}
ol>li{margin:20px auto}
footer{background-color:#EFEFEF;display:block;width:100%;padding:13px 0}
footer .cont,nav .cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
footer ul,nav ul{margin:0;list-style:none;padding:0}
footer ul li{display:inline-block;margin:10px 0 0 20px}
footer ul li a{background-color:rgba(1,1,1,0.02);padding:5px 10px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}
footer ul li a:hover{background-color:rgba(1,1,1,0.1)}
nav{position:fixed;background-color:rgba(255,255,255,0.9);width:100%;height:55px;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
nav a{font-size:15px}
nav ul{overflow:hidden;white-space:nowrap}
nav ul li{display:inline-block;margin:0 10px;line-height:55px}
nav ul li:first-child{margin-left:0}
@media only screen and (max-width:1000px){nav ul{display:none}
nav .cont{line-height:55px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}
@media only screen and (max-width:900px){footer .cont{-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center}
footer ul{width:100%}
footer img{position:relative;left:0;margin:10px auto}
footer ul li{margin:15px auto;display:block}}

» Show original CSS code

« Hide original CSS code

/* UTF 8 STYLE LIST */
*,*::before,*::after {-webkit-box-sizing: border-box;box-sizing: border-box; }
h1,h2,h3 {margin: 0;}
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #434343;}
.all_center {position: relative; left: 0; margin: auto;}
.cont {max-width: 1100px; display: block; padding: 0 10px;}
img {max-width: 95%;}

a {text-decoration: none; color: #707070;}
h1, h2 {font-size: 32px; text-align: center; max-width: 850px;}
h2 {text-align: left;}
.cont_mini {max-width: 690px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}
.flex_wrap {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
section {padding: 40px 0;}
section p {line-height: 30px;}
section:first-child {padding-top: 90px;}

.t_center {text-align:center; width: 100%;}

.HH_info {background-color:#DFFFF1; color:#2AAC74; position: fixed; top:55px; left: 0; width: 100%; z-index: 11;}
.HH_info p {font-size: 14px; margin: 0 auto; text-align: center; padding: 5px 0;line-height: 22px;}

.BIG_link {width: 320px; height: 80px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #EFEFEF; border-radius: 10px; padding: 12px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 20px;}
.BIG_link .BG_img {width:55px; height: 55px; border-radius: 50%; background-color: #fff;}
.BIG_link .BIG_cont { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 230px; padding-left: 15px;}
.BIG_cont p {margin: 0; font-size: 18px; font-weight: 800;}
.BIG_cont span {font-size: 14px; font-weight: 500;position: relative; top:-5px;}
.BIG_link .icon { background-repeat: no-repeat; background-position: center;}
.TOR_icon {background-image: url(../img/icon/icon_tor.svg);}
.BROWSER_icon {background-image: url(../img/icon/icon_browsers.svg);}

.MINI_link {padding: 10px 15px; font-weight: 500; font-size: 14px; border-radius: 5px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}

.BIG_link.TOR, .MINI_link.TOR {background-color: #C8E5FF; color: #2A6EAC;}
.BIG_link.TOR .BG_img {background-color: #A5D4FF;}
.BIG_link.TOR:hover, .MINI_link.TOR:hover {background-color: #2A6EAC; color: #fff;}

.BIG_link.BROW, .MINI_link.BROW {background-color: #DFFFF1; color: #2AAC74;}
.BIG_link.BROW .BG_img {background-color: #A5F8D4;}
.BIG_link.BROW:hover, .MINI_link.BROW:hover {background-color: #2AAC74; color: #fff;}

.del {cursor: not-allowed; background-color: rgba(1,1,1,0.02); color: rgba(1,1,1,0.8);}
.del:hover, .del:focus {background-color: rgba(1,1,1,0.03) !important; color: rgba(1,1,1,0.9) !important;}
.HH_img {margin: 50px auto;}

@media only screen and (max-width: 900px) {
    section {padding: 20px 0;}
    h1, h2 {max-width: 100%; font-size: 18px;}
    .flex_wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .BIG_link {margin: 10px auto;}
    .HH_img {margin: 20px auto;}
    p {font-size: 14px; line-height: 10px;}
    .BIG_cont p {font-size: 15px;}
}

.BUBLE {background-color: #EFEFEF; text-align: center; padding: 10px 12px; border-radius: 10px; margin: 20px auto; max-width: 688px;}
.BUBLE p {margin: 0; font-size: 14px; line-height: 21px;}

.BUBLE.info {background-color: #CFE8FF; color: #2A6EAC;}
.BUBLE.green {background-color: #DFFFF1; color: #2AAC74;}

.dark {background-color: #F9F9F9;}
.ADV_sub {max-width: 565px; line-height: 25px;}
.felx_line {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin:40px auto;}
.flex_img {width:50%; text-align: center;}
.flex_img img {max-width: 280px; width:100%;}
.flex_cont {width: 50%;}
.flex_cont h3 {color: #2A6EAC; margin: 0; font-size: 28px;}
.flex_cont p {max-width: 460px !important; line-height: 28px;}

@media only screen and (max-width: 900px) {
    .BUBLE {margin: 20px auto;}
    .felx_line {-ms-flex-wrap: wrap;flex-wrap: wrap; margin: 0 auto;}
    .flex_img, .flex_cont {width: 100%; margin: 15px auto;}
    .flex_cont h3 {font-size: 16px;}
    .flex_cont p {margin: 10px 0;}
}

ol>li {margin: 20px auto;}
footer {background-color: #EFEFEF; display: block; width: 100%; padding: 13px 0;}
footer .cont, nav .cont {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
footer ul, nav ul {margin: 0; list-style: none; padding: 0;}
footer ul li {display: inline-block; margin:10px 0 0 20px;}
footer ul li a {background-color: rgba(1,1,1,0.02); padding:5px 10px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
footer ul li a:hover {background-color: rgba(1,1,1,0.1); }

nav {position: fixed; background-color:rgba(255,255,255,0.9); width: 100%; height: 55px; z-index: 2; -webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
nav a {font-size: 15px;}
nav ul {overflow: hidden; white-space: nowrap;}
nav ul li {display: inline-block; margin: 0 10px; line-height: 55px;}
nav ul li:first-child {margin-left: 0;}

@media only screen and (max-width: 1000px) {
    nav ul {display: none;}    
    nav .cont {line-height: 55px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
}

@media only screen and (max-width: 900px) {
    footer .cont {-ms-flex-wrap: wrap;flex-wrap: wrap; text-align: center;}
    footer ul {width: 100%;}
    footer img {position: relative; left: 0; margin: 10px auto;}
    footer ul li { margin:15px auto; display: block;}
}

Some information about this website:

URL: https://hydra2020gate.com/
CSS URL: https://hydra2020gate.com/css/style.css
Title: Hydra Onion ÑÐ²Ð¾Ð±Ð¾Ð´Ð½Ð¾Ðµ Ð¿Ð¾Ð´ÐºÐ»ÑŽÑ‡ÐµÐ½Ð¸Ðµ Ðº Ð·ÐµÑ€ÐºÐ°Ð»Ñƒ
Meta-Description: ÐÐºÑ‚ÑƒÐ°Ð»ÑŒÐ½Ñ‹Ðµ Ð·ÐµÑ€ÐºÐ°Ð»Ð° Ð´Ð»Ñ Ñ‚Ð¾Ñ€Ð³Ð¾Ð²Ð¾Ð¹ Ð¿Ð»Ð¾Ñ‰Ð°Ð´ÐºÐ¸ Hydra Onion, Ð² Ð’Ð°ÑˆÐµÐ¼ Ð±Ñ€Ð°Ð·ÑƒÐµÑ€Ðµ Ð¸Ð»Ð¸ ÑÐµÑ‚Ð¸ Tor