*,*::before,*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    width:100vw;
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    background-image: linear-gradient( 110.3deg,  rgba(73,93,109,1) 4.3%, rgba(46,46,56,1) 96.7% );

}

.wrapper-div{
    transition:transform 300ms linear;
    position:relative;
    perspective:100rem;
    backdrop-filter:blur(0.6rem)
}


.wrapper-div:hover{
    transform:scale(1.1);
}

.ui-card{
    position:relative;
    height:100%;
    width:100%;
    background-color:rgba(255,255,255,0.1);
    /*   backdrop-filter:blur(12px); */
    border-left:1px solid rgba(255,255,255,0.5);
    border-top:1px solid rgba(255,255,255,0.5);
    border-right:1px solid rgba(255,255,255,0.2);
    border-bottom:1px solid rgba(255,255,255,0.2);
    border-radius:0.7rem;
    perspective:100rem;
    transform:rotateX(0deg)  rotateY(0deg);
    transfrom-style:preserve-3d;
    transition:transform 300ms ease-in-out;
    backdrop-filter:blur(1rem);
}


.content {
    width:70%;
    position:relative;
}

h1.title {
    color:white;
    font-size: 3rem;
    display:inline;
    font-weight:500;
}
p.desc{
    position:relative;
    width:100%;
    font-size:1.5rem;
    color:rgba(255,255,255,1);
    font-weight: 200;
    margin-bottom:25px;
}
.contacts {
    position:absolute;
    right:0%;
    bottom:0;
    margin-bottom:1vw;
    margin-right:1vw;
}
.contact li {
    list-style-type:none;
    float:left;
    color: rgba(255,255,255,0.8);
    font-weight:100;
    font-size:17px;
}
.contact li a {
    text-decoration:none;
    color: rgba(255,255,255,0.8);
}
.contact li a:hover{
    color:rgba(255,255,255,1);
}
.contact li~li {
    margin-left:1vw;
}

@media (max-width: 995px) {
    .content {
        width: 100%;
    }
    h1.title{
        font-size: 1.6rem;
    }
    p.desc{
        font-size: 1rem;
    }
}

.nav-tabs .nav-link{
    color:white;
}

.nav-tabs .nav-link:hover{
    color:white;
}

.nav-tabs .nav-link.active{
    background-color: transparent!important;
}

.nav-tabs .nav-link.active{
    color:white!important;
}