body {
    font-family: 'Oswald', sans-serif;
    margin: 0;
}

.name {
    color: #407BFF;
}

.hero-section{
    display: flex;
    background-image: url(../img/corner-bg.svg);
    background-repeat: no-repeat;
}

.hero {
    width: 50%;
}

.intro {
    padding-left: 10%;
    padding-top: 9%;
}

.greet {
    font-size: 40px;
    margin: 0px;
}

.title {
    font-size: 30px;
    margin: 0px;
}

.designation {
    font-size: 22px;
    margin-bottom: 0px;
}

.summary {
    font-size: 18px;
    margin-top: 4px;
}

.hero-img {
    width: 70%;
    padding-left: 10%;
    padding-top: 5%;
}

.btn {
    background-image: linear-gradient(blue, rgb(37, 115, 231));
    color: #fff;
    padding: 10px;
    border: none;
    border-radius: 10px;
    height: 40px;
    width: 100px;
    font-size: 18px;
    margin-top: 10px;
}

.btn a {
    color: #fff;
    text-decoration: none;
}

.btn:hover {
    background-image: linear-gradient(rgb(37, 115, 231), blue);
    color: #fff;
    cursor: pointer;
}

.skill-section {
    display: flex;
    background-image: url(../img/siders-bg.svg);
    background-repeat: no-repeat;
    background-position: right;
}

.skills {
    width: 50%;
}

.dream-title {
    padding-top: 18%;
    font-size: 40px;
}

.skill-title {
    padding-top: 1%;
    font-size: 28px;
}

.skill-padding {
    padding-left: 5%;
}

.skill-img {
    width: 70%;
    padding-left: 20%;
    padding-top: 5%;
}

.experience-section {
    background-image: url(../img/right-side-bg.svg);
    background-repeat: no-repeat;
    background-position: left;
}
  
.experience{
    margin-top: 5%;
    padding-left: 10%;
    padding-right: 10%;
}

.card-container {
    display: flex;
    padding-left: 3%;
    padding-right: 3%;
    margin-top: 5%;
}

.half-width {
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 5%;
    border-radius: 12px;
    box-shadow: 10px 10px 40px rgb(187, 179, 179);
}

#card1 {
    border-left: 8px solid #1747F1;
}

#card2 {
    border-left: 8px solid #407BFF;
}

.ex-title {
    font-size: 40px;
}

.card-title {
    font-size: 28px;
}

.card-desc {
    font-size: 18px;
    color: #407BFF;
}

.card-para {
    font-size: 20px;
    text-align: justify;
}

.footer {
    margin-top: 6%;
    text-align: center;
}