#title_page{
    color:white;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin:auto;
    font-size: 2.9rem;
}
.c_block h3{
    color: rgb(196, 116, 249);
}
.c_block p{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.container p{
    color:rgb(196, 116, 249);
}
.button:hover{
    background-color: rgb(119, 0, 198);
}
.c_block_img{
    background-image:url(/imgs/html.PNG);
}
.cblock2{
    background-image:url(/imgs/cap6.jpg);
}
.c_block_img{
    width:20%;
    height:30%;
    float:right;
    margin-right:3%;
    margin-top:3%;
    padding:20px;
    overflow:hidden;
    background-image: url('https://images.unsplash.com/photo-1589149098258-3e9102cd63d3?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1339&q=80');
    background-size: cover;
    border-radius: 20px;
}
.cblock2{
    background-image:url('https://images.unsplash.com/photo-1610360655260-decd32e267aa?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80');
}
.cb2{
    float:right;
    width:60%;
    background-color:black;
    border-radius:20px 0px 20px 0px;
    margin:30px; 
}
.cb2_img{
    background-image:url('../imgs/mypic.png');
    background-size: cover;
    margin-left:30px;
    margin-top:30px;
    margin-bottom:30px;
    border-radius:0px 20px 0px 20px;
    float:left;
    width:30%;
    height:400px;
}
@media only screen and (max-width:1200px){
    .cb2{
        width:50%;
        background-color:black;
        border-radius:20px 0px 20px 0px;
        margin:5px; 
    }
    .cb2_img{
        width:40%;
        background-size: cover;
        background-position: center;
        margin:5px;
    }
}
@media only screen and (max-width:750px){
    .image_con{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .c_block_img{
        width:80%;
        height:30%;
        float:left;
        margin:3%;
    }
    .c_block{
        width:80%;
    }
    .card_holder,.card{
        justify-content: center;
        margin:auto;
    }
    .cb2{
        width:90%;
        background-color:black;
        border-radius:20px 0px 20px 0px;
        margin:5px; 
    }
    .d_block{
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .cb2_img{
        width:90%;
        background-size: cover;
        background-position: center;
        margin:5px;
    }
}