@charset "utf-8";

img {
    width: 100%;
    height: 680px;
    object-fit: cover; 
  }

  .mainimage  {
    position: relative;
    }
  
  .mainimage p {
    position: absolute;
    font-weight: bold; 
    font-size: 3em;
    font-family :Quicksand, sans-serif;
    color: rgba(255, 255, 255, 0.6); 
    top: 0;
    left: 5%;
    }

    .about{
        padding: 0.5em 1em;
        margin: 2em auto;
        color: #5d627b;
        background: white;
        border-top: solid 5px #5d627b;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
        width: 800px;
        text-align: center;

    }
.about a{text-decoration:none;}

    .click a{
        font-weight:bold;
        border-bottom:solid 10px #87cefa;
    } 
    
    .click a {
        display: inline-block;
        transition:.3s;
    }
    
    .click a:hover {
        color: #fff !important;
        background-color: #337ab7;
    } 
    
    .about {
        font-size:16px;
        line-height:250%;&
    }