/* =====================================================================================
                           Common Style
=========================================================================================*/

body{
     margin: 0;
    font-family: 'Oswald',
    sans-serif;
    text-decoration:none;
    
}
/* =====================================================================================
                         Top section css START
=========================================================================================*/
.colorOrange{color:orange}
h1{
    font-size:50px;
}
.top_section{
    display: flex;
    background-image: url(images/top-banner.png);
    background-repeat: no-repeat;
    text-align: justify;
}
.aboutMe{
    width: 50%;
    padding:5%;
}
.myFirstPc{
    width: 50%;
    
}
.myFirstPc img{
    width: 90%;
    
}
.specilist{
    color: #ff5943;
    margin:0;
    
}
.button{
    margin-top: 30px;
  
}
.hireMe{
    font-weight: 700;
    text-decoration: none;
    padding: 10px 45px;
    background:linear-gradient(#ce03ce,darkblue);
    border-radius: 5px;
    color: #fff;
    
    
}
/* -----------hover&active style of HIRE ME button------------ */
.hireMe:hover {
    background: linear-gradient(#ff0000,#ff8b76dc);
}
.hireMe:active{
    border:2px solid #f0f0f0;
    border-radius: 5px;
    background: #378dff52;
}
/* =====================================================================================
                               Top section css END
=========================================================================================*/

/* =====================================================================================
                          Mid section css START
=========================================================================================*/
.mid_section{
    display: flex;
    background-image: url(images/dream-bg.png);
    background-repeat: no-repeat;
    background-position: right;
    text-align: justify;
}
.mySecondPhoto{
    width: 50%;
    padding:5%;
    
}
.mySecondPhoto img{
    width: 95%;
   
}
.dreamBig{
    width: 50%;
    padding:5%;
}

.Download_resume {
    font-weight: 700;
    text-decoration: none;
    padding: 10px 45px;
    background: linear-gradient(#ff0000, #ff8b76dc);
    border-radius: 5px;
    color: #fff;
    

}

/* -----------hover&active style of HIRE ME button------------ */
.Download_resume:hover {
     background: linear-gradient(#ce03ce, darkblue);
}

.Download_resume:active {
    border: 2px solid #f0f0f0;
    border-radius: 5px;
    background: #378dff52;
}


/* =====================================================================================
                          Mid section css End
=========================================================================================*/




/* =====================================================================================
                         Experiences section css START
=========================================================================================*/
#ExheadLine{margin-left: 30px;}
.myExperiences{
    display: flex;
    text-align: justify;
    background-image: url(images/exp-bg.png);
    background-repeat: no-repeat;
}
.myExperiences h1{
   font-size: 33px;
}

.experienceBox{
    width: 40%;
    margin:0% 5%;
    margin-bottom: 200px;
    padding:30px;
    box-shadow: 10px 10px 40px gray;
    border-radius: 8px;

}
#exBoxTwo{
    border-left: 4px solid;
    border-image:linear-gradient(rgb(255, 0, 0), #00828b);
    border-image-slice: 1;
}
#exBoxOne{
    border-left: 4px solid;
    border-image: linear-gradient(#ff0000, #00008b);
    border-image-slice: 1;
}

/* =====================================================================================
                         Experiences section css End
=========================================================================================*/



/* -----------------------------------footer css----------------------------------------------*/
footer{
    text-align: center;
    color: gray;
    margin-bottom: 20px;
}