/* ABOUT PAGE */


.about-container {

display:grid;

grid-template-columns:280px 1fr;

gap:30px;

}



.profile {


background:white;

border:1px solid black;

padding:25px;

text-align:center;

height:max-content;


position:sticky;

top:20px;

}




.profile-picture img {


width:170px;

height:170px;

object-fit:cover;

border-radius:50%;

border:1px solid black;

filter:grayscale(100%);


}



.profile h2 {

margin-top:20px;

}



.profile hr {

border:none;

border-top:1px dotted black;

margin:20px 0;

}



.tiny {

font-size:12px;

line-height:1.8;

}



.content .box {


margin-bottom:25px;


}



.box ul {


padding-left:20px;


}


.box li {


margin:8px 0;


}



.facts p {


border-bottom:1px dotted black;

padding-bottom:10px;


}




.quote {


border-top:1px solid black;

border-bottom:1px solid black;

padding:30px;

margin-top:30px;

text-align:center;

font-style:italic;

}




@media(max-width:800px){


.about-container {

grid-template-columns:1fr;

}


.profile {

position:relative;

}


}