@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');
    body { font-family: 'Open Sans', sans-serif; font-size: 22px; }
    

    html, body {
      color: #555;
      margin: 0;
      padding: 0;
    }

    h1, h2, p {
      line-height:1.2;
      margin:0;
    }

    h1 { 
      font-size:40px;
      margin-bottom: 30px
    }
    
    h2 { 
      display: none;
    }
    
    p { 
      line-height:1.5;
      margin-bottom: 1em;
      font-size: 22px;
    }

    @media screen and (min-width: 600px) {
      p { 
        font-size: 20px;
      }
    }

    p:last-child { 
      margin-bottom: 0;
    }

    p a {
      color: #23a6d5;
      text-decoration: none;
      transition: color 0.5s;
    }

    p a:hover {
      color: #e73c7e;
    }

    .wrap {
    }

    .contain {
      max-width:800px;
      margin:0 auto;
      padding:0 20px;
    }

    .gradient {
      background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
      background-size: 400% 400%;
      animation: gradient 10s ease infinite;
      min-height:5px;
    }

    .header {
      padding: 100px 0;
      color:rgba(255,255,255,.9);
      text-align: center;
    }

    @keyframes gradient {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }

    .pic {
      height:180px;
      width:180px;
      margin: 0 auto;
      margin-top:-90px;
      margin-bottom:-90px;
    }

    .pic img {
      width:100%;
      height:100%;
      box-sizing: border-box;
      border-radius: 50%;
    }

    .main {
      padding-top: 130px;
      padding-bottom:100px;
      border-radius: inherit;
      border-top-right-radius: 0;
      border-top-left-radius: 0;
      background: rgba(255,255,255,0.85);
      z-index:-1;
    }

    .socials {
      padding: 30px;
      text-align: center;
    }

    .social {
      display:inline-block;
      margin:0 15px;
    }

    .social svg {
      width: 32px;
      height: 32px;
      fill: rgba(255,255,255,0.85);
      transition: fill 0.5s;
    }

    .social svg:hover {
      fill: #rgba(255,255,255,1);
    }

    .a-center {
      text-align: center;
    }