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

body {

    background: #0d0d0d;

    color: #f4f4f4;

    font-family: "Manrope", sans-serif;

    display: flex;

    justify-content: center;

    align-items: center;

    min-height: 100vh;

    padding: 40px;

}

.container {

    max-width: 720px;

    text-align: center;

}

.logo {

    margin-bottom: 30px;

}

.logo img {

    width: 150px;

    opacity: 0.95;

    height: auto;

    display: block;

    margin: 0 auto;

    transition: transform .35s ease;

}

.logo img:hover {

    transform: translateY(-3px);

}

.hero-space {

    height: 18vh;

}

h1 {
    font-family: "Plus Jakarta Sans", sans-serif;

    font-size: 3.4rem;

    letter-spacing: 0.5px;

    margin-bottom: 20px;

}

h2 {

    color: #b87333;

    font-family: "Manrope", sans-serif;

    font-weight: 400;

    line-height: 1.5;

    margin-bottom: 35px;

}

.projects {

    margin-bottom: 45px;

}

.projects h3 {

    color: #b87333;

    margin-bottom: 20px;

}

.projects ul {

    list-style: none;

}

.projects li {

    margin: 12px 0;

    color: #d8d8d8;

}

hr {

    border: none;

    border-top: 1px solid #2b2b2b;

    margin: 45px 0;

}

.email {

    color: #b87333;

    text-decoration: none;

    font-size: 1.1rem;

}

.email:hover {

    text-decoration: underline;

}

footer {

    margin-top: 25px;

    color: #777777;

    font-size: 0.95rem;

    line-height: 1.8;

}

@media (max-width: 700px) {

    h1 {

        font-size: 2.4rem;

        letter-spacing: 4px;

    }

    h2 {

        font-size: 1.2rem;

    }

}