/*
Theme Name: ZERRO
Version: 1.1
Description: Personal theme
Author: Pavel Kuleshov
Author URI: https://3err0.ru
*/

html, body {
	background: #fafafa;
}
body {
	line-height: 1.5;
}
h1 {
	font-size: 1.7em; 
	font-weight: normal; 
	line-height: 1.2em; 
	margin-top: 0;
}
a {
	color: rgb(39, 110, 242); 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.image {
	background-color: white;
	border-radius: 2px;
   	box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);
    box-sizing: border-box;
    color: black;
    line-height: 0;
    margin: 5.5em auto 0;
    max-width: 640px;
    width: 100%;
    font-size: 75%;
}
.image img{
	width: 100%;
}

.content {
    box-sizing: border-box;
    line-height: 1.5;
    margin: 5.5em auto 0;
    width: 100%;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    max-width: 960px;
}
.content:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
.content > span {
    display: block;
}
.content p:last-child {
    margin-bottom: 4px;
}
    
@media (max-width: 700px) {
	body {
       	margin: 1em 2em 2em;
      }
}
@media (max-width: 400px) {
      body {
        margin: 3em 1.5em 2em;
      }
}
@media (max-height: 480px) and (max-width: 400px) {
      .content {
        margin: auto;
      }
}

.content > span {
      max-width: 416px;
}

.icon {
	-webkit-margin-after: 10px;
    -webkit-margin-before: 4px;
    -webkit-margin-start: 25px;
    content: -webkit-image-set(url('https://proxy.3err0.ru/me.png') 1x);
    float: right;
    height: 128px;
    width: 128px;
    border-radius: 50%;
}

html[dir='rtl'] .icon {
      float: left;
}
    
@media (max-width: 400px) {
      .icon {
        -webkit-margin-start: 15px;
        height: 96px;
        width: 96px;
      }
}

.footer{
    box-sizing: border-box;
    color: gray;
    margin: 0.5em auto 0;
    max-width: 640px;
    padding: 5px 35px 5px 35px;
    width: 100%;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: 75%;
}
.footer a, .footer a:hover{
  color: gray;
  text-decoration: none;
}
.right{
  float: right;
}