/* @import url('https://fonts.googleapis.com/css2?family=Belanosima:wght@600&family=Press+Start+2P&family=Secular+One&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Inconsolata&family=Secular+One&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Arvo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arvo&family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arvo&family=Lato&family=Lora&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Arvo&family=Lato&family=Jost&family=Lora&family=Open+Sans&display=swap');
* {
    font-family:'Jost';
}

html {
    scroll-behavior: smooth;
}

body {
    margin:0px;
}

.portfolio_div {    
    width:60%;
    margin-left: auto;
    margin-right: auto;
}

.Name {
    margin:0px;
    color:white;
}

.resume__button {
    color:white;
    background-color:#535353;
    border:none;
    outline-width:0px;
    font-size:18px;
    padding:3px 8px 3px 8px;
    border-radius:5px;
}

.resume__button:hover {
    color:#535353;
    background-color:white;
}


.Name_div {
    display:flex;
    align-items:center;
}

.fa-solid {
    color:white;
    font-size:20px;
    margin-left:10px;
}

.intro {
    margin-top:10px;
    background-color:#202124;
    padding:15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-radius:15px 15px 3px 3px;

}

.portfolio_pic {
    width:60%;
    border: 2px solid black;
    border-radius: 3px;
}

.portfolio_pic_div {
    display:flex;
    align-items:center;
    justify-content: center;
    margin-top: 10px;
}

.ContentHeadline {
    margin-top: 10px;
    font-size: 25px;
    padding: 0px 10px 0px 10px;
    background-color:yellow;
    width:fit-content;
}

.Title {
    font-weight: 900;
}

.ResumePdf {
    display:flex;
    align-items:center;
    justify-content: center;
}

.Resume {
    font-size: 20px;
    background-color:#2BAE66;
    margin-right: 15px;
    border-radius: 5px;
    padding:5px 20px 5px 20px;
    border-color: #2BAE66;
    color: #FCF6F5;
    transition: 300ms linear; 
}

.Resume:hover {
    background-color: #FCF6F5;
    cursor: grabbing;
    border-color: #FCF6F5;
    color: #2BAE66;
}

.footer-nirbhay-final {
    background-color:#202124;
    border-radius:0px 0px 15px 15px;
    margin:10px auto 10px auto;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px 5px 30px 5px;
}

.about_me_li {
    font-size:18px;
}

hr {
    margin:0px;
}

.skill_container {
    display:flex;
    border: 2px solid black;
    margin-top:10px;
    border-radius:5px;
}

.skill_image {
    width:80%;
}

.skill_img_div{
    width:10%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.skill_h4 {
    display:inline;
}

.skill_list {
    padding:15px;
}

.skill_type {
    margin:0px;
}

.skill_hr {
    margin-bottom: 10px;
    margin-top:5px;
}

.projects-container {
    display:grid;
    gap:20px 20px;
    grid-template-columns: repeat(3,1fr);
    margin-left:auto;
    margin-right:auto;
}

.project-container {
    padding:10px;
    text-align:center;
    background-color:white;
    display:flex;
    flex-direction:column;
    border: 2px solid black;
    border-radius: 5px;
}

.greet { 
    font-size: 50px;
    width:100%;
    text-align: center;
}

.tech-stack {
    text-align: center;
}

.project-title {
    margin-bottom:20px;
    text-align:center;
}

.project-essentials {
    margin:0px;
}

.fa-brands {
    font-size:20px;
}

.fa-chrome {
    margin-left:10px;
}

.project-description {
    padding:3px;
}

.anchor_button{
    border:1px solid #333D79;
    border-radius:3px;
    padding:5px;
    margin:10px; 
    background-color:#333D79;
    color: #FAEBEF;
}

.anchor_button:hover {
    background-color:#FAEBEF;
    color:#333D79;
    border-color: #FAEBEF;
}

a {
    text-decoration: none;
}

.credentials {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
}

.anchor_button_foot {
    font-size: 20px;
    background-color:#D2302C;
    margin-right: 15px;
    border-radius: 5px;
    padding:5px 20px 5px 20px;
    border-color: #D2302C;
    color: #F7F7F9;
    transition: 300ms linear;
}

.anchor_button_foot:hover {
    background-color: #F7F7F9;
    cursor: grabbing;
    color: #D2302C;
    border-color: #F7F7F9;
}

.ind_exp_div {
    border: 1px solid black;
    display:flex;
    padding:10px;
    margin-bottom: 10px;
}

.exp_htags {
    margin:1px;
}

.exp_img_div {
    width: 10%;
    display:flex;
    align-items:center;
    justify-content: center;
    padding:10px;
}

.exp_img {
    width:100%;
}

.exp_info {
    width: 70%;
    padding:10px;
}

.title_duration {
    display:flex;
    align-items:center;
    justify-content: space-between;
}

@media only screen and (max-width:700px) {
    .portfolio_div {
        width: 90%;
    }

    .fa-handshake-simple {
        display:none;
    }

    .ResumePdf {
        flex-direction:column;
    }

    .Resume {
        margin-bottom: 10px;
    }

    .projects-container {
        display:flex;
        flex-direction:column;
    }

    .credentials{
        flex-direction:column;
    }

    .anchor_button_foot {
        margin-bottom: 10px;
    }
    .ind_exp_div{
        flex-direction:column;
    }
}

/*



.upper__content {
    width: 85%;
    margin:15px auto 15px auto;
    border: 2px solid white;
    border-radius: 15px;
    box-shadow:1px 1px 4px 2px gray;
}

.projects-container {
    display:grid;
    gap:20px 20px;
    grid-template-columns: repeat(3,1fr);
    width:95%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 30px;
}

.project-container {
    padding:5px;
    text-align:center;
    background-color:white;
}



.tech-stack {
    text-align: center;
}

img {
    width:100%;
}

.project-content {
    display:flex;
    flex-direction:column;
}

.project-title {
    margin:0px;
    text-align:center;
}

.project-essentials {
    margin:0px;
}

.fa-brands {
    font-size:20px;
}

.fa-chrome {
    margin-left:10px;
}

.project-description {
    padding:3px;
}

a {
    color:#3b5998;
    font-weight:600;
    text-decoration:none;
}

.footer-nirbhay {
    text-align:center;
    padding:30px;
}


.credentials {
    margin-bottom:5px;
}


.about-content {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:7vh;
}

.my_name {
    font-weight:800px;
    font-size:7vw;
    font-style:oblique;
    margin-left:10px;
    margin-top:0px;
    margin-bottom:0px;
}

.name_div {
    display:flex;
    flex-direction:column;
}

.about-section {
    margin-left:auto;
    margin-right:auto;
    padding:30px 20px 30px 20px;
}

.about_div {
    width:100%;
    margin-left:auto;
    margin-right:auto;
}


.about_title, .skill_intro, .experience_intro, .project_intro  {
    font-weight:800px;
    font-size:50px;
}

.about__detail {
    text-align:center;
    width:60%;
    margin:0px auto 50px auto;
    color:#3b5998;
}

.skill_img_div, .image {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:10px;
    margin-bottom:10px;
}

.skill_image{
    width:50%;
}

.ml_proj_img {
    width:50%;
}

.skill_intro_div, .project_intro_div, .experience_intro_div, .about_title_div{
    color:#2E5090;
    margin: auto auto;
    text-align:center;
    font-weight: 800;
    font-size: 4vh;
    text-shadow: 2px 2px #f4b41a;
    border-radius:10px;
    padding:3px;
    margin-top:20px;
    margin-bottom:20px;
}

.connect_div {
    width:50%;
    margin: auto auto;
    text-align:center;
    font-weight: 600;
    font-size: 4vh;
    background-color: white;
    border-radius:10px;
    padding:3px;
    margin-top:20px;
    margin-bottom:20px;
}

.connect_intro {
    text-shadow: 2px 2px #f4b41a;
    color:#2E5090;

}

.about__desc {
    font-weight:750;
    font-size:7vw;
    margin:0px;
    text-align:center;
}

.skill_intro_div {
    width:100%;
}

.anchor_button, .anchor_button_foot {
    border:1px solid #3b5998;
    border-radius:3px;
    padding:10px;
    margin:10px; 
    background-color:white;
}

.anchor_button_res {
    border:1px solid #143d59;
    border-radius:3px;
    padding:7px;
    background-color: white;
    color:#143d59;
    font-size:23px;
}

.anchor_button_res:hover {
    color:white;
    background-color:#143d59;
}

.anchor_button_foot {
    margin-left:10px;
    margin-bottom: 5vh;
}

.anchor_button_foot:hover, .anchor_button:hover {
    background-color:#3b5998;
    color:white;
}

.project_intro_div {
    width:100%;
}

.experience_intro_div {
    width:100%;
}

.experience_div {
    width:95%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}

.exp_span_tags {
    color:#3b5998;
}

.ind_exp_div {
    display:flex;
    background-color:white;
    padding:15px;
    margin-bottom:10px;
}

.exp_htags{
    margin:1px;
}

.exp_info {
    padding:5px;
    flex:0.7;
}

.exp_img {
    width:45%;
    height:auto;
    margin:auto auto;
}

.exp_img_div{
    flex:0.3;
    display:flex;
    align-items:center;
    justify-content:center;
}

.fa-envelope {
    color:#3b5998;
    margin-left:0px;
}

.footer-hr {
    margin-bottom:0px;
}



.skill_container, .project-container, .ind_exp_div {
    animation-name: fade_in;
    animation-duration:2s;
    animation-timing-function: linear;
}

.skill_container, .project-container {
    background-color:#F5F5F5;
    padding:5px;
    border-radius: 5px;
}

@keyframes fade_in {
    from {opacity:0}
    to {opacity:1}    
}

@media only screen and (max-width:1000px) {
    .projects-container {
        width:99%;
    }
}


 */