#home {
    background: #161415 url(../images/background-chess.jpg) no-repeat top left -80px;
    position: relative;
    text-align: center;
    overflow: hidden;
}

#home h1 {
    font-size: 600%;
    color: #d48837;
}

#home h2 {
    font-size: 115%;
    color: black;
    margin-left: 20px;
}

#home .block{
    margin-top: 50vh;
    transform: translateY(-50%);
}

#home .buttons li {
    display: inline-block;
}

#home #linkedin-btn{
    content: url(../images/linkedin.png);
    width: 30%;
}

#home #download-btn{
    content: url(../images/pdf.png);
    width: 30%;
}

#home .button-link:hover{
    width: 32% !important;
}

#about .picture{
    content: url(../images/picture.jpg);
    width: 50%;
    margin-left: 20px;
    margin-top: 80px;
}

#about .picture-block{
    position: absolute;
    text-align: left;
}

#about .left-block {
    margin-top: 10%;
    font-size: 150%;
    font-weight: bold;
}

#about .right-block {
    font-size: 150%;
    text-align: center;
}

#experience h2{
    display: inline-block;
}

#experience p {
    margin-block-start: 0;
    margin-block-end: 0;
}

#experience h3{
    display: inline-block;
}

#skills .subtitle {
    margin-top: 0;
    font-size: 150%;
    margin-bottom: 5%;
}

#contact .left-block {
    margin-top: 2em;
}

#contact #submit-btn {
    content: url(../images/send-mail.png);
    width: 20%;
    display: inline-block;
}

#contact h3{
    margin-top: -0.2em;
}

#contact #checker {
    display: inline-block;
    font-size: 150%;
    font-weight: bold;
}

#contact-form .success{
    color: green;
}

#contact .fail{
    color: red;
}

#contact-form .success:after{
    content: "Succesfully send";
}

#contact-form .fail:after{
    content: "NOT SEND: Please fill all the * fields";
}