.container {
    /* margin-top: 30px; */
    /* padding-bottom: 30px; */
}

.nav-color {
    background-color: #FF7F50;
}

.bg-first {
    background-image: url("images/top-banner.png");
    background-repeat: no-repeat;
    margin-top: 55px;
}

#name {
    color: orange;
}

.link-button {
    text-decoration: none;
    background-image: linear-gradient(45deg, lightsalmon, tomato);
    padding: 10px 20px;
    border-radius: 5px;
    color: white;
    font-weight: 700;
}

.img-fluid {
    padding: 30px 40px;
}

.bg-second {
    background-image: url("images/dream-bg.png");
    background-repeat: no-repeat;
    background-position: right;
}

.exp {
    box-shadow: 10px 10px 40px gray;
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
    height: 95%;
    background-color: white;
}

#stack {
    border-left: 7px solid;
    border-image: linear-gradient(180deg, lightsalmon, tomato);
    border-image-slice: 1;
}

#hack {
    border-left: 7px solid;
    border-image: linear-gradient(180deg, blue, cyan);
    border-image-slice: 1;
}

.rong {
    color: coral;
}

footer {
    text-align: center;
}

.task {
    height: 500px;
}

#work {
    text-align: center;
    padding-top: 50px;
    color: white;
}

.bg-third {
    background-size: 100%;
    background-image: linear-gradient(90deg, #ffcc00, #ff6600);
    margin-bottom: 40px;
    border-radius: 10px;
    margin-top: 30px;
}

.bg-back {
    background-image: url("images/exp-bg.png");
    background-repeat: no-repeat;
}

#what {
    text-align: center;
    background-image: linear-gradient(45deg, #66ccff, #0033cc);
    padding: 20px 20px;
    margin: 0 25%;
    border-radius: 5px;
    color: white;
    font-weight: 700;
    margin-bottom: 20px;
}

.card {
    border-radius: 5px;
    border: none;
    box-shadow: 5px 5px 10px gray;
}

.card-footer {
    border: none;
    background-color: white;
}

.card-footer p {
    text-align: center;
}

.myself {
    background-color: #FF7F50;
    background-size: 100%;
    text-align: center;
    border-radius: 70px 15px;
    padding: 30px 20px;

}

.me {
    text-align: center;
    margin-top: 30px;
}

.img {
    height: 30px;
}

.team {
    text-align: center;
    margin-top: 30px;
}

.miraj {

    padding: 5px;
    box-shadow: 5px 5px 20px grey;
    border-radius: 5px;
    background-color: beige;
}

.siam {
    margin-top: 10px;
    padding: 5px;
    box-shadow: 5px 5px 20px grey;
    border-radius: 5px;
    background-color: gainsboro;
}

.my-team {
    background-image: linear-gradient(45deg, rgb(204, 90, 45), rgb(180, 40, 16));
    padding: 20px 40px;
    border-radius: 5px;
    color: white;
    font-weight: 700;
}

#offcanvasRightLabel {
    font-style: italic;
    font-weight: 700;
}