h1 {
text-align: center;
font-family: 'Domine, serif';
font-size: 2.2em;
color: #750075;  
}

body {
background-color: #B8C5FA;
}

img {
width: 100%;  
max-width: 300px;
margin-right: auto;
margin-left: auto;
display: flex;  
}

figure {
	background-color: #B8C5FA;
}

#top-info img {
background-color: #B8C5FA;
border: solid white 6px;
display: flex;
align-items: center;
flex-direction: column;
}

figcaption {
display: flex;
align-items: center;
flex-direction: column;
overflow: hidden;
padding: 5px;  
max-width: 320px;  
}

.projectsnapshots img {
background-color:  #B8C5FA;
border: solid white 5px;
font-family: 'IBM Plex Sans KR', sans-serif;
font-size: 1em;  
}

#descrip {
background-color:  #B8C5FA;
font-family: 'IBM Plex Sans KR', sans-serif;
font-size: 1.3em;
padding-left: 15%;
padding-right: 5%;
padding-bottom: 5%;
padding-top: 5%;  
}

#mainbox {
background-color:  #B8C5FA;
padding: 0.5em;
}

.text-center {
text-align: center;  
}

a:hover{
color: #750075;
font-size: 1.3em;  
}

#top-info {
background-color: #B8C5FA;  
display: flex;  
flex-direction: column;
justify-content: center;
align-items: center; 
}

#top-info h1 {
background-color: #B8C5FA;
}

.row {
display: flex;
flex-direction: row;
text-align: center;
justify-content: center;
align-items: center;  
}

a{
font-family: 'IBM Plex Sans KR', sans-serif;
font-size: 1.1em;
color: black;  
}

#bottom-info{  
text-align: left;
font-family: 'IBM Plex Sans KR', sans-serif;
font-size: 1.1em;    
}

h2 {
font-family: 'Domina', serif;
font-size: 1.3em;
color: #750075;
text-align: left;  
}