@import url('https://fonts.googleapis.com/css2?family=Gothic+A1&family=Nanum+Gothic&family=Nanum+Pen+Script&display=swap');
    #about{
      font-family: "Nanum Gothic", sans-serif;
    }
    .thumbnail{   
      font-family: "Gothic A1", sans-serif;
    } 

    .navbar-default{
      background: #212121;
    }

    .navbar-default .navbar-brand {
    color: #e0f7fa !important;
    }
    .navbar-default .navbar-nav > li > a:hover {
    color: #80deea !important; 
    }
    .container{
      padding-top: 150px;
      padding-bottom: 80px;
    }
  
    #myCarousel .carousel-inner .item{
      height: 700px;
    }

  
    #myCarousel .carousel-inner .item img {
      width: 100%;
      height: 100%;
      object-fit: cover; 
    } 

    #subject{
      background: #eeeeee;
    }
    .row.equal-height {
      display: flex;
      flex-wrap: wrap;
    }
    .row.equal-height > [class*='col-'] {
      display: flex;
    }
    .row.equal-height > [class*='col-'] .thumbnail {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex: 1;
    }
    .thumbnail img {
      width: 100%;
      height: 250px;     
    }

    .thumbnail button {
      margin-top: auto;         
      align-self: center;       
    }

    footer{
      background-color: #858585;
      color: #f5f5f5;
      padding: 30px;
    }
    footer a{
      color: #f5f5f5;
    }

    footer a:hover{
      color: skyblue;
      text-decoration: none;
    }
    .carousel-caption {
      position: absolute;
      top: 20px;       
      left: 20px;      
      right: auto;     
      bottom: auto;    
      text-align: center; 
    }