.info-div {
    position: absolute;
    display: none;
    width: 220px;
    top: 20%;
    right: 10px;
    padding: 10px 5px 10px;
    background-color: #34343F;
    border: 4px solid var(--color-3);
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 1px 5px White;
    color: White;
    z-index: 1000;
  }
  
  .close-info {
    position: absolute;
    top: -3px;
    right: 3px;
    cursor: pointer;
    font-weight: bold;
  }
  
  #info-img {
    width: 190px;
    height: 140px;
    margin: auto;
    margin-bottom: 10px;
    background-color: Gainsboro;
    border-radius: 20px;
    overflow: hidden;
  }
  
  .logo-INFO {
    width: 180px;
    height: 140px;
    
  }
  
  #info-content {
    font-family: var(--font-2);
    color: White;
  }
  
  #info-content h2, h5 {
    font-family: var(--font-1);
  }
  
  #info-action {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  
  #info-notice {
    width: 100%;
    text-align: center;
    font-size: 70%;
  }