body{

margin:0;
padding:0;

font-family:'Anaheim', sans-serif;

background:white;

color:black;

}


/* TITLE */

.site-title{

font-family:'Meie Script', cursive;

color:#8B0000;

font-size:64px;

margin:60px;

}


/* HOMEPAGE */

.artist-statement{

max-width:700px;

margin-left:60px;

font-size:20px;

line-height:1.8;

}


.projects{

margin:100px 60px;

}


.projects h2{

font-family:'Meie Script', cursive;

font-size:36px;

color:#8B0000;

margin-bottom:20px;

}


.projects ul{

list-style:none;

padding:0;

}


.projects li{

margin-bottom:14px;

font-size:22px;

}


.projects a{

text-decoration:none;

color:black;

}


.projects a:hover{

color:#8B0000;

}



/* PROJECT PAGE */

.project{

padding:60px;

}


.project-title{

font-family:'Meie Script', cursive;

color:#8B0000;

font-size:64px;

margin-bottom:40px;

}



/* IMAGE LAYOUT */

.image-section{

max-width:1100px;

margin:auto;

}


.pair{

display:flex;

gap:40px;

margin-bottom:80px;

}


.pair img{

width:50%;

}


.group-five{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

}


.group-five img{

width:100%;

}



/* STATEMENT OVERLAY */

.statement-overlay{

max-width:700px;

margin:120px auto;

background:rgba(255,255,255,0.85);

padding:40px;

line-height:1.8;

font-size:19px;

}


.ending{

margin-top:40px;

font-size:22px;

}



/* PROJECT 2 */

.two-images{

display:flex;

gap:40px;

max-width:900px;

margin:auto;

}


.two-images img{

width:50%;

}



/* BACK LINK */

.back{

display:block;

margin:120px 60px;

text-decoration:none;

font-size:18px;

color:black;

}


.back:hover{

color:#8B0000;

}



/* MOBILE */

@media (max-width:900px){

.pair{

flex-direction:column;

}

.pair img{

width:100%;

}

.group-five{

grid-template-columns:1fr;

}

.two-images{

flex-direction:column;

}

.two-images img{

width:100%;

}

}