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;
text-align: center;  
}

figure {
	background-color: #B8C5FA;
  text-align: center;
}

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

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

.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.3rem;
padding-left: 15%;
padding-right: 5%;
padding-bottom: 5%;
padding-top: 5%;  
}

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

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

a:hover{
color: #750075;
font-size: 1.2rem;  
}

#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;
flex-wrap: wrap;  
}

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

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

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

@media only screen and (max-width: 600px) { 
#descrip{
   font-family: 'IBM Plex Sans KR', sans-serif;
   font-size:1.3rem;
   padding-left: 7%;
   padding-right: 3%;
   padding-bottom: 3%;
   padding-top: 3%;
 }
 h1{
  font-family: 'Domina', serif; 
  font-size: 1.3rem;
	}
 h2{
  font-family:'Domina', serif; 
  font-size: 1.3rem; 
	}
  #mainbox{
  padding: 0.2rem;  
	}
 img {max-width: 50%;
	}
}

#projectsnapshots{
	background-color: #B8C5FA;
  border: solid transparent 4px;
  text-align: center;
	}