@font-face {
  font-family: 'Nunito';
  src: url(fonts/Nunito-VariableFont_wght.ttf);
}

* {
    margin: 0;
    padding: 0;
}

p, h1, h2, h3, h4, h5 {
  font-family: 'Nunito';
}

body {
    /*padding: 2vh 2vw;*/
    background-color: #f0f0f0;
}


/*Text*/
.white_text{
    color: #f0f0f0 !important;
}
.grey_text{
    color: #424242 !important;
}


/*conteiner*/
.cst_container{
    display: flex;
    height: 100vh;
}
.cst_item_son1{
    flex: 1;
    background-color: #652D8F;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    border-radius: 10% 76% 39% 10% / 0% 90% 48% 0%   ;
    animation: waveRightStrong_full 6s ease-in-out infinite;
}
.cst_item_son2{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
}
.cst_item_granson2_1{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: normal;
}


/*logo*/
.logo{
    max-width: 25vw;
}

/*animação*/
@keyframes waveRightStrong_full {
  0% {
    border-radius: 10% 76% 39% 10% / 0% 90% 48% 0% ;
  }
  50% {
    border-radius: 10% 76% 39% 10% / 0% 46% 62% 0% ;
  }
  100% {
    border-radius: 10% 76% 39% 10% / 0% 90% 48% 0% ;
  }
}
@keyframes waveRightStrong_mobile {
  0% {
    border-radius: 100% 0% 100% 0% / 0% 57% 43% 100% ;
  }
  50% {
    border-radius: 100% 0% 100% 0% / 0% 72% 29% 100%  ;
  }
  100% {
    border-radius: 100% 0% 100% 0% / 0% 57% 43% 100% ;
  }
}

/*MEDIA*/
@media (max-width: 768px) {
    body{
        height: 100vh;
    }
    /*conteiner*/
    .cst_container {
        height: 100vh !important;
        flex-direction: column;
        height: auto;
    }
    .cst_item_son1{
        border-radius: 100% 0% 100% 0% / 0% 57% 43% 100%;
        animation: waveRightStrong_mobile 7s ease-in-out infinite;
        padding: 60px 40px;
    }
    .cst_item_son2{
        padding: 20px 40px 0;
    }
    
    /*texts and logo*/
    .title.is-1{
        font-size: 2.50rem;
    }
    .subtitle.is-3.is-3{
        font-size: 1.rem;
    }
    .title.is-3{
        font-size: 1.50rem;
    }
    .subtitle.is-5{
        font-size: 1.25rem;
    }
    
    .logo{
        max-width: 45vw;
    }
}