* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html {
    font-size: 18px;
}

body {
    font-family: 'Poppins', sans-serif;
    list-style: 1.5rem;
    color: rgb(60, 58, 71);
}

h1 {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-align: start;
}

h2 {
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: 6px;
    color: rgba(60, 58, 71, 0.5);
}

div {
    width: 30%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

ul li.email {
    padding-left: 1.75rem;
    background-image: url(images/email.svg);
    background-repeat: no-repeat;
}

ul li.github {
    padding-left: 1.75rem;
    background-image: url(images/github.svg);
    background-repeat: no-repeat;
}

ul li.linkedin {
    padding-left: 1.75rem;
    background-image: url(images/linkedin.svg);
    background-repeat: no-repeat;
}

ul li.resume {
    padding-left: 1.75rem;
    background-image: url(images/resume.svg);
    background-repeat: no-repeat;
}

a {
    text-decoration: none;
    color: rgb(60, 58, 71);
}

a:hover {
    color: rgba(60, 58, 71, 0.5);
}

#about {
    margin-top: 0.5rem;
}

#description {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}