body{
    background: #ADD8E6;
}

header{
    height: 70px;
    background: navy;
}
.wrapper{
    margin: 0 auto;
    width: 945px;
}
h1{
    text-align: center;
    margin-top:50px;
    font-size: 40px;
}
h2{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 30px;
    text-align: center;
}
h3{
    font-size: 25px;
    text-align: center;
}
a{
    color:black;
}
.mail{
    text-decoration: none;
}
.github{
    color:navy;
}
.about{
    margin-top:50px;
    border-bottom: 2px dashed yellow;
}
a:hover{
    color:green;
}

.text{
    float: left;
}

.text strong{
    font-weight: bold;
}
.text i{
    font-style: italic;
}
.info li{
    margin: 20px 20px; 
}
.edu, .work, .skills {
    list-style: square outside;
}
.photo img{
    width: 300px;
    border: 5px solid blue;
}

.about:after{
    content: "";
    display: block;
    clear: both;
}

.porfolio-photo{
    float:left;
}
.porfolio-photo img{
    width: 300px;
    border: 5px solid blue;
}
.portfolio-list, .articles{
    list-style-type:decimal;
    list-style-position: inside; 
    margin-bottom: 20px;
    margin-top: 20px;
}
.articles li{
    margin: 10px;
}
.porfolio{
    padding: 20px 20px;
    border-bottom: 2px dashed yellow;
}
.porfolio:after{
    content: "";
    display: block;
    clear: both;
}
.porfolio-photo{
    margin-right: 20px;
}
.text-port li {
    margin-bottom: 10px;
    margin-top: 10px;
}
.text-port {
    overflow: hidden; /*чтоб не сливалось с картинкой*/
}
footer{
    height: 80px;
    background: navy;
}