@font-face {
        font-family: 'exo2';
        src:url('../fonts/exo2.ttf');
}

.textblock {
        background-color:#1f2833;
        border-radius:2px;
        border: 1px solid #667;
        display:inline-block;
        width: auto;
        color: #c5c6c7;
        padding: 2% 2% 2% 2%;
        margin: 1% 1% 1% 1%;

}

.imgblock {
        background-color:#1e2832;
        border-radius:2px;
        border:1px solid #667;
        display:inline-block;
        width: 90%;
        height: 90%;
        color: #c5c6c7;
        padding: 2% 2% 2% 2%;
        margin: 3% 3% 3% 3%;
        text-align: justify;
}

.imgblock img {
        padding: 2% 2% 2% 2%;
        margin: 3% 3% 3% 3%;
}

body {
        font: 100%/160% exo2;
        width: 900px;
        max-width: 96%;
        margin: 0 auto;
        background-color:#0b0c10;
}
p {
        margin: 0 0 20px;
}
a {
        color: #45a29e;
        text-decoration: none;
}
a:hover {
        color: #66fcf1;
}


h1, h2, h3 {
        color: #eee;
        line-height: 120%;
        margin: 20px 0 10px;
}
h1 {
        font-size: 1.7em;
        color: #bbb;
}
h2 {
        font-size: 1.4em;
}
h3 {
        font-size: 1.1em;
}

h1, h2, h3 {
    color: #999;
    line-height: 120%;
    margin: 20px 0 10px;
    font-family: "exo2";
 }