/* Import Poppins font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* Your CSS rules and styles here */



body{
    background-color: black;
    color: azure;
    font-family: 'Poppins', sans-serif;
}
a{
    text-decoration: none;
    color: burlywood;
}
a:hover{
    text-decoration: none;
    color: darkcyan;
}
ul, ol {
    list-style-type: none;
}
/* .fas, .fa, .fab{
        color: darkcyan;
} */
.indented {
    margin-left: 5px; /* Adjust the value to control the indentation */
}
.portfolio_main_container{
    
    
    margin-top: 10px;
    margin-bottom: 10px;
    
}

.theme_border{
    border: 1px solid darkcyan !important;
    border-radius: 5px;
}
.theme-change-row{
    height: 50px;
}
.photo-placer{
    max-height: 350px;
    max-width: 300px;
    border: 1px solid darkcyan;
    border-radius: 5px;
    overflow: hidden;
}


.verticle-hr{
    border-left: 1px solid darkcyan;
    height: 400px;
}
.custom-col-md-1 {
    width: 1% !important; /* Adjust the width as per your preference */
}

.passion-profession-container{

    border: 1px solid darkcyan;
    border-radius: 5px;
    padding: 10px;
    margin-top: 25px;

}
.knowledge-container{
    border: 1px solid darkcyan;
    border-radius: 5px;
}

.footer-container{
    border: 1px solid darkcyan;
    border-radius: 5px;
    padding: 10px;
    margin-top: 25px;
    margin-bottom: 5px;
}


@media screen and (max-width: 767px) {
    div.content-to-hide {
        display: none;
    }
    .photo-placer{
        max-width: 225px;
        max-height: 250px;
    }
    h4 {
        font-size: 80%; /* Reduce font size for smaller screens */
    }
    p {
        font-size: 80%; /* Reduce font size for smaller screens */
    }
    li {
        font-size: 80%; /* Reduce font size for smaller screens */
    }
    
    }


@media screen and (max-width: 480px) {
div.content-to-hide {
    display: none;
}
.photo-placer{
    max-width: 125px;
    max-height: 150px;
}
h3, h4 {
    font-size: 60%; /* Reduce font size for smaller screens */
}
p {
    font-size: 60%; /* Reduce font size for smaller screens */
}
li {
    font-size: 60%; /* Reduce font size for smaller screens */
}


}