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

body{
background: #fff;
color: #000;
font-family: Arial, sans-serif;
}

*{

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

    background: var(--background-gradient);

    color: var(--text-primary);

    font-family: var(--font-sans);

    min-height:100vh;

}

img{

display:block;

max-width:100%;

}

a{

text-decoration:none;

color:inherit;

}

.container{

width:min(92%, var(--container));

margin:auto;

}

.page-header{

    padding:2rem 0 1rem;

}

.back-link{

    color:var(--text-secondary);
    text-decoration:none;
    transition:.3s;

}

.back-link:hover{

    color:var(--text-primary);

}

footer{
    margin-top: 10rem;
    padding: 5rem 0;
    border-top: 1px solid rgba(255,255,255,.08);
    text-align:center;
}

footer h3{
    font-family: var(--font-title);
    font-size: 2.2rem;
    font-weight: 400;
    color:var(--text);
    margin-bottom:.8rem;
}

footer p{
    color:var(--text-secondary);
    font-size:.95rem;
    letter-spacing:.08em;
    line-height:1.8;
}

footer a{
    font-size: .95rem;
    opacity: .8;
    color:var(--text);
    text-decoration:none;
    transition:.3s;
}

footer a:hover{
    color:var(--accent);
}

.project-subtitle {
    font-size: 1rem;
    line-height: 1.5;
    color: #9a9a9a;
    margin: 12px 0 24px;
    max-width: 34ch;
}