/* Resetare CSS */



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-size: 98%;

}

/* Poziționarea */



.profile-card {

    width: 400px;

    max-width: calc(100vw - 10px);

}



body {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100vh;

}



h1 {

    font-size: 25px;

}



h1, h2, p {

    font-family: Tahoma;

    line-height: 1.1;

    text-align: center;

}



h1{

    padding-top: 10px;

}



.head, .links {

    text-align: center;

}

.head, .content {

    width: 90%;

    margin: 0 auto;

}

img {

    width: 120px;

    height: 120px;

    border-radius: 50%;

}



/* Linkurile de contact */



ul {

    list-style-type: none;

}



li {

    display: inline;

}

.profile-image {

    margin-top: -60px;

}



.head, .about {

    margin-bottom: 5%;

}



.content {

    padding: 5% 10%;

}

body {

    background: url('https://fv9-1.failiem.lv/thumb_show.php?i=8zukw29sz&view') no-repeat center center fixed;

    background-size: cover;

}



.profile-card {

    background-color: hsla(0, 0%, 100%, .8);

    border-radius: 4px;

    box-shadow: hsla(0, 0%, 0%, .8) 10px 10px 80px;

}

img {

    padding: 1px;

    background-color: #666;

}

.content {

    border-top: 1px solid hsla(0, 0%, 30%, .8);

}



a{

    color: black;

    text-decoration: none;

}

img:hover {
  transform: scale(1.3);
  transition: all 0.2s ease-in-out;
}

img {
  filter: grayscale(20%);
}


img:hover {
  filter: grayscale(1%);
}

links:hover {
  transform: scale(1.3);
  transition: all 0.2s ease-in-out;
}


a:hover{

    text-decoration: underline;

}