html, body {
    position: relative;
    margin: 0;
    height: 1500px;
    text-align:center;
  }
  #image {
    width: 100%;
    height: 100vh;
    min-height: 600px;
    display: block;
    position: relative;
    left: 0;
    z-index:-1;
    background-repeat: no-repeat;
    background-image: url('/assets/image/profile.png');
  }

  .border {
    text-align:center;
    overflow:hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: #6e6754;
    border-radius:20px;
    padding-top:10px;
    padding-bottom:10px;
    min-width:5%;
    max-width:35%;
    min-height:4%;
    color:azure;
  }

  .banner {
    /* background-image: url('../image/profile/banner.jpg');
    background-repeat:no-repeat;
    background-position:center; */
    width:100%;
    max-height:100%;
    /* height:25%; */
  }

  .medal-clip {
    /* float:left; */
    width:50%;
  }

  a {
    color:#5c5c5c !important;
  }

  a:hover {
    color:#878787;
  }