Results of the CSS crunched for hydra-2020.ru

Let's see what we've done for hydra-2020.ru

CSSCruncher.com has crunched this CSS to
30.59 %Less Size! I cant't believe it!

Crunched CSS code:

*{margin:0;padding:0}
body{font-family:Arial,sans-serif;font-size:14px;color:#000;overflow-wrap:break-word}
.container{max-width:100%;min-width:320px}
.wrap{max-width:1500px;min-width:290px;padding:0 15px;margin:0 auto}
.header__wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.logo__link{width:92px}
.header__text a,.header__text a:hover{display:block;color:#395ca3;text-decoration:none;font-family:open sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.4;padding:40px 15px;box-sizing:border-box}
@media screen and (max-width:576px){.header__wrap{margin-top:30px;flex-direction:column}}
.content{display:block;margin:0px;position:relative;box-sizing:border-box;height:900px}
.content__wrap{background-image:url(../img/screenshot.png);background-position:center center;background-size:cover;width:100%;height:900px}
.content__wrap:before{content:"";display:block;height:100%;position:absolute;top:0;left:0;width:100%;z-index:0;background-color:rgba(0,0,0,0.6);box-sizing:border-box}
.content-caption{position:absolute;height:auto;margin:0 auto;padding:0 18px;top:30%;left:0%;width:56%;word-wrap:break-word}
.content-caption h5{color:#fff;text-shadow:0 0 1px rgba(155,155,155,.7);padding:0;letter-spacing:15px;font-size:1.125rem;font-weight:700;margin:0 0 17px;text-transform:uppercase;line-height:1.6;box-sizing:border-box}
.content-caption h1{color:#fff;text-shadow:0 0 1px rgba(155,155,155,.7);padding:0;letter-spacing:0;font-size:3.438rem;font-weight:700;margin:0 0 47px;line-height:1.3;position:relative;box-sizing:border-box}
.content-caption p{color:#fff;text-shadow:0 0 1px rgba(155,155,155,.7);font-size:1.15rem;margin:0 0 40px;line-height:1.7;box-sizing:border-box}
.content-button-link{min-width:11rem;display:inline-block;-webkit-font-smoothing:antialiased;position:relative;font-size:1rem;letter-spacing:0;background:#4b7ada;border-radius:50px;padding:20px 60px;text-decoration:none;border:none;color:#fff;text-align:center}
.content-button-link:hover{transition:.3s;letter-spacing:2px}
.content-button-link:hover,input[type="submit"],input[type="reset"]:hover{background:#446dc2}
@media screen and (max-width:576px){.content-caption{width:75%}
.content-caption h1{letter-spacing:0;font-size:3rem}}
.content-title{display:block;margin:0;padding:50px 0;width:100%;height:100%;background-color:#f5f6f9}
.content-title__wrap h1{color:#121212;font-size:2rem;font-weight:600;text-align:center}
.content-text{display:block;padding:100px 0 50px;margin:0;width:100%;box-sizing:border-box}
.content-text__wrap{margin:0 auto;width:95%;background-color:transparent;box-shadow:0 0 22px 0 rgba(0,0,0,.1);padding:0;margin-bottom:50px}
.content-text__wrap p{color:#6a6a6a;font-family:open sans,Helvetica,Arial,sans-serif;font-size:1.1rem;font-weight:400;padding:30px 25px;box-sizing:border-box}
.content-text__wrap ul{margin-left:20px}
.content-text__wrap ul li a{color:#395ca3;font-weight:700}
.content-text__wrap ul li a:hover{color:#000000}
ul,ol{font-weight:400;margin:0 0 25px;padding-left:18px;list-style:disc;box-sizing:border-box}
ul > li,ol > li{margin:0;padding:0;border:none}
.footer{background-color:#1a1a1a;margin:0;padding:0;width:100%;font-size:0.938rem}
.footer__wrap{border-top:1px solid rgba(255,255,255,0.1);padding:30px 0;text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:center}
.footer__wrap p{color:#adadad;margin:0;padding:0}

» Show original CSS code

« Hide original CSS code

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
    overflow-wrap: break-word;
}

.container {
    max-width: 100%;
    min-width: 320px;
}

.wrap {
    max-width: 1500px; /* ÐšÐ¾Ð½Ñ‚ÐµÐ½Ñ‚Ð½Ð°Ñ Ñ‡Ð°ÑÑ‚ÑŒ Ð¸Ð· Ð¼Ð°ÐºÐµÑ‚Ð° */
    min-width: 290px;
    padding: 0 15px;
    margin: 0 auto; /* Ð¦ÐµÐ½Ñ‚Ñ€Ð¸Ñ€ÑƒÐµÐ¼ ÐºÐ¾Ð½Ñ‚ÐµÐ½Ñ‚ */
}

/* Ð¨Ð°Ð¿ÐºÐ°: */
/* ============================== */
.header__wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.logo__link {
    width: 92px;
}
.header__text a, .header__text a:hover {
    display: block;
    color: #395ca3;
    text-decoration: none;
    font-family: open sans,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    padding: 40px 15px;
    box-sizing: border-box;
}
/* ÐœÐµÐ´Ð¸Ð° Ð´Ð»Ñ ÑˆÐ°Ð¿ÐºÐ¸: */
@media screen and (max-width: 576px) {
    .header__wrap {
        margin-top: 30px;
        flex-direction: column;
    }
}
/* ============================== */
/* Ð‘Ð»Ð¾Ðº ÑÐºÑ€Ð¸Ð½ÑˆÐ¾Ñ‚Ð°: */
.content {
    display: block;
    margin: 0px;
    position: relative;
    box-sizing: border-box;
    height: 900px;
}
.content__wrap {
    background-image: url(../img/screenshot.png);
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 900px;
}
.content__wrap:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
}
.content-caption {
    position: absolute;
    height: auto;
    margin: 0 auto;
    padding: 0 18px;
    top: 30%;
    left: 0%;
    width: 56%;
    word-wrap: break-word;
}
.content-caption h5{
    color: #fff;
    text-shadow: 0 0 1px rgba(155,155,155,.7);
    padding: 0;
    letter-spacing: 15px;
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0 0 17px;
    text-transform: uppercase;
    line-height: 1.6;
    box-sizing: border-box;
}
.content-caption h1{
    color: #fff;
    text-shadow: 0 0 1px rgba(155,155,155,.7);
    padding: 0;
    letter-spacing: 0;
    font-size: 3.438rem;
    font-weight: 700;
    margin: 0 0 47px;
    line-height: 1.3;
    position: relative;
    box-sizing: border-box;
}
.content-caption p{
    color: #fff;
    text-shadow: 0 0 1px rgba(155,155,155,.7);
    font-size: 1.15rem;
    margin: 0 0 40px;
    line-height: 1.7;
    box-sizing: border-box;
}
.content-button-link {
    min-width: 11rem;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    position: relative;
    font-size: 1rem;
    letter-spacing: 0;
    background: #4b7ada;
    border-radius: 50px;
    padding: 20px 60px;
    text-decoration: none;
    border: none;
    color: #fff;
    text-align: center;
}
.content-button-link:hover {
    transition: .3s;
    letter-spacing: 2px;
}
.content-button-link:hover, input[type="submit"], input[type="reset"]:hover {
    background: #446dc2;
}
@media screen and (max-width: 576px) {
    .content-caption {
        width: 75%;
    }
    .content-caption h1
    {
        letter-spacing: 0;
        font-size: 3rem;
    }
}
/* ============================== */
/* Ð¢ÐµÐºÑÑ‚Ñ‹: */
.content-title {
    display: block;
    margin: 0;
    padding: 50px 0;
    width: 100%;
    height: 100%;
    background-color: #f5f6f9;
}
.content-title__wrap h1 {
    color: #121212;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
}
.content-text {
    display: block;
    padding: 100px 0 50px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}
.content-text__wrap {
    margin: 0 auto;
    width: 95%;
    background-color: transparent;
    box-shadow: 0 0 22px 0 rgba(0,0,0,.1);
    padding: 0;
    margin-bottom: 50px;
}
.content-text__wrap p {
    color: #6a6a6a;
    font-family: open sans,Helvetica,Arial,sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    padding: 30px 25px;
    box-sizing: border-box;
}
.content-text__wrap ul {
    margin-left: 20px;
}
.content-text__wrap ul li a{
    color: #395ca3;
    font-weight: 700;
    /*text-decoration: none;*/
}
.content-text__wrap ul li a:hover{
    color: #000000;
}
ul, ol {
    font-weight: 400;
    margin: 0 0 25px;
    padding-left: 18px;
    list-style: disc;
    box-sizing: border-box;
}
ul > li, ol > li {
    margin: 0;
    padding: 0;
    border: none;
}
/* ============================== */
/* ÐŸÐ¾Ð´Ð²Ð°Ð»: */
.footer {
    background-color: #1a1a1a;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 0.938rem;
}
.footer__wrap {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 30px 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.footer__wrap p{
    color: #adadad;
    margin: 0;
    padding: 0;
}
/* ============================== */

Some information about this website:

URL: https://hydra-2020.ru/
CSS URL: https://hydra-2020.ru/css/style.css
Title: HYDRA
Meta-Description: Ð¡ÑÑ‹Ð»ÐºÐ° Ð½Ð° Ð·ÐµÑ€ÐºÐ°Ð»Ð¾ Ð³Ð¸Ð´Ñ€Ð° hydraruzxpnew4af.onion - ÑÐ°Ð¹Ñ‚ Ð³Ð¸Ð´Ñ€Ñ‹. ÐÐ½Ð¾Ð½Ð¸Ð¼Ð½Ð¾ÑÑ‚ÑŒ Ð¸ ÑÐºÐ¾Ñ€Ð¾ÑÑ‚ÑŒ Ð½Ð° Ð³Ð¸Ð´Ñ€Ð° Ð·ÐµÑ€ÐºÐ°Ð»Ð¾ ÑÐ°Ð¹Ñ‚
Meta-Keywords: Ñ€Ð°Ð±Ð¾Ñ‡Ð°Ñ Ð³Ð¸Ð´Ñ€Ð°, Ð³Ð¸Ð´Ñ€Ð° Ð±Ð¸Ñ‚ÐºÐ¾Ð¸Ð½, Ñ€Ð°Ð±Ð¾Ñ‡ÐµÐµ Ð·ÐµÑ€ÐºÐ°Ð»Ð¾ Ð³Ð¸Ð´Ñ€Ñ‹, hydra Ð¼Ð°Ð³Ð°Ð·Ð¸Ð½, hydraruzxpnew4af, Ð³Ð¸Ð´Ñ€Ð° Ð¾Ð½Ð¸Ð¾Ð½ Ð·ÐµÑ€ÐºÐ°Ð»Ð°, Ð³Ð¸Ð´Ñ€Ð° Ñ„Ð¾Ñ€ÑƒÐ¼, Ð³Ð¸Ð´Ñ€Ð° Ñ‡ÐµÑ€ÐµÐ· Ñ‚Ð¾Ñ€, Ñ€Ð°Ð±Ð¾Ñ‡ÐµÐµ Ð·ÐµÑ€ÐºÐ°Ð»Ð¾ Ð³Ð¸Ð´Ñ€Ñ‹, Ð³Ð¸Ð´Ñ€Ð° Ð¾Ñ‚Ð·Ñ‹Ð²Ñ‹