/* CSS Document */



body {margin:0;}



.navbar-nav a:hover {
  border-bottom: 3px solid #EA3964;
}

.navbar-nav a.active {
  border-bottom: 3px solid pink;
}

.fa-bars {color: white;}



.img-fluid {max-width: 100%}

.navbar {background-color: #333}

.nav-link {font-family: 'Nanum Myeongjo', serif; color: #EA3964;}

a {font-family: 'Nanum Myeongjo', serif; color:#33235D;}

a:hover {color: pink; text-decoration: none;}

#purple {color: pink;}

#text {font-family: 'Nanum Myeongjo', serif;}

.card-body {font-family: 'Nanum Myeongjo', serif;}

.card-link {font-family: 'Nanum Myeongjo', serif; color: #EA3964;}

#collapse-head {font-family: 'Nanum Myeongjo', serif; color: #EA3964;}

p {font-family: 'Nanum Myeongjo', serif;}

h6, h1, h2, h3, h4, h5 {font-family: 'Nanum Myeongjo', serif;}

.blockquote {font-family: 'Nanum Myeongjo', serif;}


#title {font-family: 'Nothing You Could Do', cursive; color: #333; font-size: 50px}

#sub {font-family: 'Nanum Myeongjo', serif; color: #333;}



#about {width: 60%}

.text {font-family: 'Nanum Myeongjo', serif;}

.small {font-family: 'Noto Serif', serif; color: darkgray}

#about-title {font-family: 'Nanum Myeongjo', serif;}

.square {background-color: gainsboro;
width: 190px;
height: 300px;}


.zoom {
  padding: 50px;
  background-color: none;
  transition: transform .2s;
  width: 190px;
  height: 300px;
  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
	transform: scale(1.5); }
	

#block {background: #333}

.footer {
color: white;
}


.link {color: darkgrey}




.body {
  margin: 5 auto;
  max-width: 56em;
  padding: 1em 0;
}

.grid {
  /* Grid Fallback */
  display: flex;
  flex-wrap: wrap;
  
  /* Supports Grid */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 2fr));
  grid-auto-rows: minmax(150px, auto);
  grid-gap: 1em;
}

.module {
  /* Demo-Specific Styles */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 290px;
  
  /* Flex Fallback */
  margin-left: 5px;
  margin-right: 5px;
  flex: 1 1 200px;}

/* If Grid is supported, remove the margin we set for the fallback */
@supports (display: grid) {
  .module {
    margin: 0;
  }
}

.fa-3x {color: #EA3964;}






#cap-u-link {color: #EA3964}

#cap-u-link:hover {color: pink}

#copyright {color: white; font-family:'Nanum Myeongjo', serif;}

#garnet {color: white}