html,
body {

  background-color:transparent;
  padding: 0;
  margin: 0;
  font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  background-size: 300% 300%;
  background-image: linear-gradient(
        -45deg, 
        #1d697e 0%, 
        #412867 25%, 
        #333333 51%,
        #111111 65%,
        #010101 100%
  );  
  animation: AnimateBG 20s ease infinite;
}

a {
  color: inherit;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}




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

/* Columns 3 */

.sec_container{
  padding: 2em 0;
  display:flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.sec_container .columns{
  display: flex;
  flex-flow: column wrap;
  justify-content: space-evenly;
  width: 100%;
}

.sec_container .column{
  text-align: center;
  flex: 1;
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.sec_container .column .column_title{
  margin: 1em auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec_container .column h3{
  font-weight: 700;
  font-size: 42px;
  line-height: 64px;
  text-transform: uppercase;
  background: radial-gradient(214.37% 214.37% at 46.63% 0,#2fb9df .31%,#a26eef 52.01%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  margin: 0;
}

.column_content{
  margin-top: auto;
  margin-bottom: 0;
}

.column_content p{
  max-width: 80%;
  margin: 0 auto;
  line-height: 1.5;
  font-size: 1rem;
  color: #fafafa;
}

.sec_container .column_content{
  margin-top: 0;
  margin-bottom: 2em;
}

.sec_container .column_content p{
  font-size:  1.4rem;
}




footer{
  text-align: center;
  padding: 1em 0;
  color: #fff;
  
}




@media ( min-width: 720px){
  .sec_container .columns{
    flex-flow: row nowrap;
  }
  .sec_container .column_content{
    margin-top: 0;
  }
}






@media ( min-width: 1000px){
  .sec_container .column .column_title{
    margin: initial;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sec_container .column_content{
    margin-top: 2em;
  }
}




@media ( min-width: 1378px){
  .sec_container .columns{
    flex-flow: row nowrap;
  }
}
