.title {
    font-size: 28px;
    color: rgb(231, 231, 231);
    padding-left: 15px;
}

.card-container {
    -webkit-box-shadow: 0px 0px 24px 17px rgba(0,0,0,0.73);
    -moz-box-shadow: 0px 0px 24px 17px rgba(0,0,0,0.73);
    box-shadow: 0px 0px 24px 17px rgba(0,0,0,0.73);
}

.card-container-left {
    background: rgba(5,5,5,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(5,5,5,1) 0%, rgba(26,26,26,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(5,5,5,1)), color-stop(100%, rgba(26,26,26,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(5,5,5,1) 0%, rgba(26,26,26,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(5,5,5,1) 0%, rgba(26,26,26,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(5,5,5,1) 0%, rgba(26,26,26,1) 100%);
    background: radial-gradient(ellipse at center, rgba(5,5,5,1) 0%, rgba(26,26,26,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#1a1a1a', GradientType=1 );
}


.card-container-right {
    
    background: rgba(46,46,46,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(46,46,46,1) 0%, rgba(89,89,89,1) 0%, rgba(67,67,67,1) 75%, rgba(60,60,60,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(46,46,46,1)), color-stop(0%, rgba(89,89,89,1)), color-stop(75%, rgba(67,67,67,1)), color-stop(100%, rgba(60,60,60,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(46,46,46,1) 0%, rgba(89,89,89,1) 0%, rgba(67,67,67,1) 75%, rgba(60,60,60,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(46,46,46,1) 0%, rgba(89,89,89,1) 0%, rgba(67,67,67,1) 75%, rgba(60,60,60,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(46,46,46,1) 0%, rgba(89,89,89,1) 0%, rgba(67,67,67,1) 75%, rgba(60,60,60,1) 100%);
    background: radial-gradient(ellipse at center, rgba(46,46,46,1) 0%, rgba(89,89,89,1) 0%, rgba(67,67,67,1) 75%, rgba(60,60,60,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#3c3c3c', GradientType=1 );
    border-left:2px solid #2e2e2e;
    color: rgb(250,250,250);

}


.div-title {
    background-color: rgb(190, 105, 105);
    
}
.div-image {
    background-color: rgb(255, 255, 255);
}

body {
    background-color: rgb(255, 255, 255); 
}

.break-word {
    white-space: break-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -pre-wrap;     /* Opera <7 */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */
}

.sangria {
    text-indent: 1cm;
}

.top-buffer { 
    margin-top:7px; 
}


.user-div {
    color: rgb(219, 219, 219);
    margin-right: 20px;
}




.btn-drop-menu{
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden; 
    padding: 0px;
    color: gray;
    margin-left: 30px;
}

.text-DNA{
    font-family: "Courier New";
}



@media screen and (max-width: 900px) {
    .nav {
        padding-left:2px;
        padding-right:2px;
    }
    .nav li {
        display:block !important;
        width:100%;
        margin:0px;
    }
    .nav li.active {
        border-bottom:1px solid #ddd!important;
        margin: 0px;
    }
}


.site {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
  
.site-content {
    flex: 1;
}