/*##################### style body #######################*/
body {
    margin: 0;
    min-height: 100vh;

    background: linear-gradient(110deg,
            #ebcedb 0%,
            #ebcedb 50%,
            #000000 50%,
            #000000 100%);
    color: black;
}

/*##################### style header #######################*/
.header-cantaioner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1rem;
}
/*### logo style ###*/
.header-cantaioner .logo-img {
    width: 55px;
    border-radius: 3rem;
    margin-left: 3rem;
}
.header-cantaioner .navbar-list .link {
    color: rgb(219, 179, 179);
    transition: all 0.3s ease;
}
.header-cantaioner .navbar-list .link:hover {
    text-decoration: underline;
    color: white;
}
/*###################### style navbar-list  ##############*/
.header-cantaioner .navbar-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.header-cantaioner .navbar-list .contact {
    background: white;
    border-radius: 10px;
    color: black;
    padding: 5px 8px;
    transition: all 0.4s ease;
}
.header-cantaioner .navbar-list .contact:hover {
    background: rgb(208, 203, 212);
}
/*##################### style banner-img ###################*/
.left-section .left-banner-img { 
    width: 400px;
    border-radius: 50%;
    transform: translate(6rem, 3rem);
    object-fit: cover;
    transition: all 0.4s ease;
}
.left-section .left-banner-img:hover {
    border: 3px dashed blueviolet;
}
.right-section .right-banner-img {
    width: 300px;
    border-radius: 50%;
    border: 3px solid #c2bbc2;
    transform: translate(-8rem, 6rem);
    object-fit: cover;
}
.right-section .right-banner-img:hover {
    border: 3px dashed blueviolet;
}
/*##################### style footer ###################*/
.main-footer {
    position: fixed;
    bottom: 0;
    left: 5rem;
    display: inline-block;
    flex-direction: column;
    min-height: 4vh;
    color: rgb(63, 55, 55);
}

.main-footer .copy-right-text .footer-link {
    color: blueviolet;
    text-decoration: underline;
    transition: all 0.3s ease;
}
.main-footer .copy-right-text .footer-link:hover {
    color: black;
}