body{
        background-color: black;
}
*{
        color: white;
        text-decoration: none;
}

.row{
        display: flex;
        flex-direction: row;
        align-items: center;

}
.column{
        align-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.headings{
        color: #FF4500;
        text-decoration: underline;
        font-weight: bold;
}



/*Navigation*/
#navbar{
        width: 100%;
        height:90px;
        position:absolute;
        justify-content:space-around;
        top: 0px;
        left: 0px;
}
#navigation a{
        font-size: larger;
        margin-left: 10%;
        color: #FF4500;
        font-weight: 900;
}
#navigation a:hover{
        color: white;
        text-decoration: underline;
}
#hireme{
        color: black;
        font-weight: bolder;
        font-size: large;
        width: 120px;
        height: 45px;
        background-color: #FF4500;
        border-radius: 14px;
        border: 0px;
        transition: 0.5s;
        cursor:pointer;
}
#hireme:hover{
        box-shadow: 5px 5px 30px 0px #df8260;
}
#logo{
        border-radius: 20%;
        border: 3px solid #FF4500;
}


/*Landing div*/
#main-area{
        margin-top: 6%;
        justify-content:center;
        width: 100%;
        height: 550px;
}
#main-area img{
        margin-right: 5%;
        border-radius: 50%;
        border: 8px solid #FF4500;
        margin-right: 10%;
        width: 400px;
        height: 400px;
}
#my-intro{
        align-content: center;
        
}
#my-intro h3{
        font-size:x-large;
        font-weight: bolder;
        font-family: Arial, Helvetica, sans-serif;
}
#my-intro input{
        color: #FF4500;
        font-weight: bolder;
        font-size: large;
        width: 150px;
        height: 50px;
        background-color: black;
        border-radius: 8px;
        border: 5px solid #FF4500;
        transition: 1s;
        cursor:pointer;
        margin-top: 15%;
}
#my-intro input:hover{
        background-color: #FF4500;
        color: black;
}



/*Skilss*/
.headings{
        margin-top: 3%;
        font-size: x-large;
        font-weight: bolder;
        font-family:Georgia, 'Times New Roman', Times, serif;
}

#skills,#projects{
        margin-top: 3%;
}
#skills h4{
        font-size: 25px;
}
#trainings{
        margin-top: 5%;
}
#arrow-left,#arrow-right{
        cursor: pointer;
}
#resume-download{
        color: black;
        font-weight: bolder;
        font-size: large;
        width: 170px;
        height: 55px;
        background-color: #FF4500;
        border-radius: 10px;
        border: 0;
        transition: 1s;
        cursor:pointer;
        margin-top: 7%;
        align-items: center;
}
#resume-download:hover{
        color: #FF4500;
        background-color: black;
        border: 5px solid #FF4500;
}
#bt-navigations{
        margin-top: 3.65%;
}


/*Footer*/
footer{
        margin-top: 5%;
}
#hr{
        width: 100%;
        border-top: 3px solid #FF4500;
        opacity: 25%;
}
#social-contact{
        margin-top: 1.5%;
        justify-content: space-evenly;
}

#social-contact a{
        border-radius:50%;
        border: 2px solid #FF4500;
        padding: 10px;
        margin: 15px;
        transition: 0.5s;
}
#social-contact a:hover{
        border: 2px solid white;
}


/*Carousel for training and projects*/
    .slideshow{
        width: 100%;
        position: relative;
        margin: auto;
        display: flex;
        flex-direction: row;
        justify-content:center;
        align-items: center;
        margin-top: 2.5%;
        font-family: Arial, Helvetica, sans-serif;
    }
    #project0,#project4,#project5,#project6,#project7,#project8,#project9{
        display: none;
    }
    #training1,#training5{
        display: none;
    }
    .slides{
        display: flexbox;
        flex-direction: column;
        align-content: flex-star;
        align-items: flex-start;
        margin-top: 20px;
        width: 400px;
        height: 395px;
        background-color: white;
        box-shadow:5px 5px 25px  rgba(134, 134, 134, 0.466); 
        margin-right: 1.5%;
        margin-left: 1.5%;
        padding-left: 3%;
        padding-right: 2%;
        border-left: 3px solid #FF4500;
        
    }
    .project-image{
            width: 95%;
            height: 150px;
    }
    .project-details{
         color: black;
        white-space: pre-line;
        margin-top: -10px;
        width: 100%;
    }
    .project-details a{
            text-decoration: none;
            color: rgb(245, 37, 0);
    }
    .project-details a:hover{
            text-decoration:underline;
    }
    .domain{
        margin-top: -20px;
        color: #000000;
        opacity: 0.7;
    }
    
    #date{
        color: #000000;
        opacity: 0.3;
        font-size: small;
        margin-left: 2%;
    }
    .slides h5{
        font-weight: bolder;
        margin-top: -0.5px;
    }
    .slides h4{
        color: #FF4500;
        width: 100%;
    }
    .slides p{
        opacity: 0.7;
    }
    .experience{
        color: #FF4500;
        font-weight: bold;
        font-size:medium;
        width: 110px;
        height: 38px;
        background-color: white;
        border-radius: 8px;
        border: 3px solid #FF4500;
        transition: 1s;
        cursor:pointer;
        
    }