@font-face {
    font-family: 'copperplate-32-bc';
    font-style: normal;
    font-weight: normal;
    src: url('src/copperplate-32-bc.woff') format('woff2');
}
html,body{
    margin:0;padding:0;
    font-family: "copperplate-32-bc";
    color:black;
}

@media (min-width: 600px) {
    .container{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .right_side{
        width:60%;
    }
    .left_side{
        width:40%;
    }
    .left_side, .right_side{
        height:100vh;
    }
    .left_side, .right_side{
        display: flex;
        align-items: center;
        justify-content: left;
    }
    .left_side{ 
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    .sub_1, .sub_2, .sub_3{
        width: 100%;
    }
    .sub_1, .sub_3{
        padding-left:5%;
    }
    .sub_1 {padding-top:2%;}
    .sub_1 a{
        font-size: 25px;
        color:black;
        
    }
    .sub_3 p{margin-bottom:3%;}

    .sub_2{
        display: flex;
        align-items: center;
        justify-content: right;
    }
    .right_side .big_title{
        margin-left:2%;
        font-family: "copperplate-32-bc";
        font-weight: normal;
        font-size: 50px;
    }
    .left_side .big_logo{
        width:180px;
    }
    .left_side a{margin-right:5%;}
    .right_side{
        background-image: url('src/kairos_fund_1_raw.webp');
        background-size: cover;
        background-position: top;
    }
    .mob_bg{display: none;}

    @keyframes fadeInfromRight{
        0% {
          transform: translateX(100%);
          opacity: 0;
        }
        100% {
          transform: translateX(0%);
          opacity: 1;
        }
      }
      @keyframes fadeInfromLeft {
        0% {
          transform: translateX(-100%);
          opacity: 0;
        }
        100% {
          transform: translateX(0%);
          opacity: 1;
        }
      }

    .big_title{ animation: 1s fadeInfromRight;}
    .big_logo{animation: 1s fadeInfromLeft;}
      
}
@media (max-width: 600px) {
    .container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        height:100vh;
        max-height:100vh;
    }
    .left_side{
        height:85%;
    }
    .left_side .big_logo{
        width:80px;
    }
    .left_side{order:2}
    .right_side{order:1}
    .left_side{ 
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width:100%;
    }
    .sub_2{order:1;}
    .sub_1{order:3;}
    .sub_3{order:4;}
    .mob_bg{order:2;}
    .mob_bg{
        background-image: url('src/kairos_fund_1_raw.webp');
        background-size: cover;
        background-position: top;
        height:35%;
        width: 100%;
    }
    .sub_1 a{color:black;}
    .big_title{font-family: "copperplate-32-bc";
        font-weight: normal;
    }
}