103 lines
1.5 KiB
CSS
103 lines
1.5 KiB
CSS
@font-face {
|
|
font-family: 'comfortaa';
|
|
src:url('../fonts/comfortaa.ttf');
|
|
}
|
|
|
|
.textblock {
|
|
background-color:#1f2833;
|
|
border-radius:2px;
|
|
border: 1px solid #667;
|
|
display:inline-block;
|
|
width: auto;
|
|
color: #c5c6c7;
|
|
padding: 1% 1% 1% 1%;
|
|
margin: 1% 1% 1% 1%;
|
|
|
|
}
|
|
|
|
.imgblock {
|
|
background-color:#1e2832;
|
|
border-radius:2px;
|
|
border:1px solid #667;
|
|
display:inline-block;
|
|
width: 96%;
|
|
height: 99%;
|
|
color: #c5c6c7;
|
|
padding: 1% 1% 1% 1%;
|
|
margin: 15% 1% 1% 1%;
|
|
}
|
|
|
|
.imgblock img {
|
|
margin: 1% 1% 1% 1%;
|
|
float: left;
|
|
}
|
|
|
|
body {
|
|
font: 100%/150% comfortaa;
|
|
width: 60%;
|
|
max-width: 80%;
|
|
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;
|
|
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;
|
|
margin: 20px 0 10px;
|
|
font-family: "comfortaa";
|
|
}
|
|
|
|
|
|
.zoom {
|
|
transition: transform .2s;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.zoom:hover {
|
|
-ms-transform: scale(2); /* IE 9 */
|
|
-webkit-transform: scale(2); /* Safari 3-8 */
|
|
transform: scale(2);
|
|
}
|
|
|
|
@media screen and (max-width: 900px) {
|
|
body {
|
|
max-width: 90%;
|
|
width: 80%;
|
|
}
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 716px) {
|
|
body {
|
|
max-width: 98%;
|
|
width: 96%;
|
|
}
|
|
}
|
|
|
|
|