body{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

p{
    font-size: large;
}

/*******Home Section*******/

#Homepage{
    background-color: rgb(104, 199, 255);
    padding-bottom: 10%;
    color:#004b84;
}

/*******Home Section Class****/

.container-fluid{
    padding: 2% 10%;
}
           /****Nav Bar*****/

.navbar{
    padding-bottom: 10%;
}
.navbar-brand{
    font-weight: 900;
    color:#004b84;
}

.nav-item{
    padding: 0 1rem;
}

.nav-item a{
    color:#004b84;
}


           /************/
#Homepage .welcomeMessage{
    display: inline-block;
    background-color: white;
    color: rgb(223, 96, 143);;
    margin: auto;
    margin-top: 20%;
    padding: 5px 20px;
    font-size: 2rem;
    font-weight: 400;
}

#Homepage h1{
    margin-top: 15%;
    font-size: 3rem;
    font-weight: 700;
}

#Homepage p{
    margin-top: 10%;
}

#Homepage .download-button{
    margin-top: 10%;
    color:#004b84;
}

.btn i{
    padding: 5px;
}

.computer{
    width: 100%;
}

.homeText{
    text-align: center;
    margin: auto;
}

/********About Me Section****/
#about-me{
    background-color: #d6e7f7;
    color:#004b84;
    padding: 15%;
}

#about-me h1{
    font-weight: 900;
    padding-bottom: 12%;
}

#about-me p{
    line-height: 2;
}


/*******About Me Class******/

#about-me .aboutImg{
    width: 95%;
    margin-left: 10%;
    margin-top: 10%;
}

@media(max-width:1000px){
    #about-me .aboutImg{
        width: 100%;
        margin: auto;
    }

    #about-me{
        text-align: center;
    }


}

/***************************

/*******Skill Section*****/

#Skill{
    background-color:#004b84;
    padding: 8% 10%;
    padding-bottom: 15%;
    color: aliceblue;
}


/********Skill Class*****/
#Skill h1{
    font-weight: 900;
    text-align: center;
}

.skill-container{
    margin-top: 10%;
    text-align: center;
}

.skill-item{
    display: inline-block;
    background-color: #156cad;
    padding: 20px;
    width: 40%;
    margin: 25px;
}

.skill-item p{
    text-align: center;
    margin-bottom: 0;
}

@media(max-width:1000px){
    .skill-container{
        margin-top: 15%;
    }

    .skill-item{
        display: block;
        margin: auto;
        margin-bottom: 10%;
        width: 80%;
    }
}


/***************************


/*******Experience Section*****/

#Experience{
    background-color: white;
    color:#004b84;
    padding: 10%;
    line-height: 2;
}


/*******Experience Class****/
#Experience h1{
    text-align: center;
    font-weight: 900;
    margin-bottom: 10%;
}

#Experience h3{
    font-weight: 700;
}

#Experience img{
    width: 50%;
}

#Experience .row{
    margin-bottom: 10%;
}

#Experience .content-box{
    text-align: left;
}

#Experience .img-1,.img-2{
    text-align: center;
    margin: auto;
}

#Experience .content-box-title{
    text-align: center;
}

@media(max-width:1000px){
    #Experience .replace1{
        text-align: center;
        margin: auto;
    }

    #Experience .content-box{
        margin-top: 5%;
    }
}

/*******Project Section********/

#Project{
    background-color: #004b84;
    color: aliceblue;
    padding: 8% 10%;
}

/*******Project Class*********/

#Project .card{
    background-color: #156cad;
    margin: 5%;
}

#Project .card-title{
    font-weight: 700;
}

#Project .card-footer{
    border: none;
    padding: 0;
    background-color: #156cad;
}

#Project .card-links{
    margin-top: 5%;
}

#Project a{
    text-decoration: none;
    margin-left: 2%;
    color: white;
}


#Project a:hover{
    text-decoration: underline;
}

#Project h1{
    font-weight: 900;
    text-align: center;
    margin-bottom: 6%;
}

/********Contact Section ********/
#Contact{
    padding: 3% 20%;
    color: #004b84;
    text-align: center;
}

#Contact h1{
    margin-top: 10%;
    font-weight: 900;
    text-align: center;
}

#Contact h4{
    font-weight: 700;
    margin-top: 6%;
}

#Contact p{
    margin-top: 6%;
}

/********Contact Section Class *****/

#Contact .btn{
    margin-top: 6%;
    background-color: #004b84;
    color: white;
}

#Contact a:hover{
    background-color: #156cad;
}


/**********Footer*********/

#Footer{
    margin-top: 10%;
    background-color: #004b84;
    color: white;
    text-align: center;
    padding: 8%;
}

#Footer a{
    margin: 4%;
    color: white;
    text-decoration: none;
}

#Footer p{
    margin-top: 10%;
}

#Footer a:hover{
    text-decoration: underline;
}