body {

  }
  .page-div {
    background-image: url("images/background/pic1.jpeg");
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 500px;
    z-index: -2;
  }
  .content-div{
    margin: auto;
    display: grid;
    grid-template-columns: 10px 1fr 980px 1fr 10px;
  }
  .text-div{
    background: rgb(0, 0, 0, 0.5);
    vertical-align: top;
    display: inline-block;
    width: 460px;
    text-align: center;
    font-family: Arial;
    margin: auto;
    
  }
  .container{
    display: flex;
    flex-direction: column;
    margin: auto;
    text-align: center;
    justify-content: space-evenly;
    border-radius: 17px;
  }
  .title1{
    font-size: 45px;
    color: rgb(3, 196, 255);
    z-index: 1;
  }
  .title2{
    font-size: 28px;
    color: rgb(3, 196, 255);
    z-index: 1;
  }
  .title3{
    font-size: 20px;
    color: rgb(3, 196, 255);
    z-index: 1;
  }
  .links-div{
    display: flex;
    flex-direction: column;
    background-color: rgb(173, 248, 242, 0.7);
    padding: 15px;

  }
  .link {
    font-size: 20px;
  }