body {
    background: #f8f9fa;
    font-family:montserrat;
}

.navbar-brand {
    font-weight: bold;
}

.container {
    margin-top: 50px;
}

.btn-lg {
    margin-top: 20px;
}


footer {
    position: relative;
    bottom: 0;
    width: 100%;
}

nav.navbar {
    background: #dcd6fa;
}

.navbar-brand , .nav-link {
     color: #351187;
}

.navbar-brand:hover, .nav-link:hover {
     color: #351187;
}

.btn.btn-purple {
    background: #dcd6fa;
    color: #35118b;
    padding: 18px 30px;
}

a.btn.btn-outline-primary {
    border: 2px solid #351187;
    color: #351187;
}

a.btn.btn-outline-primary:hover {
    background: #351187;
    color:white;
}

.puple-titel{
    color: #351187;
}
    
a.nav-link.btn.btn-solid:hover {
    background: #35118b;
    color:white;
}

.card-content:hover {
    background: #dcd6fa;
    color: #351187;
}

.card-content {
  height: 200px;
  border:1px solid  #351187 ;
  margin-bottom:90px;
}

footer.footer {
    background: #dcd6fa;
    color: #351187;
}

.card-detail {
    border: 1px solid #351187;
    margin: 25px 0px;
    position: relative;
    top: -4%;
}

.form-holder:focus {
  border-color: #3a1187 !important;
  box-shadow: 0 0 0 .25rem rgb(58 17 135 / 32%) !important;
}

.name-label {
    color: #351187;
}


.card-text {
    background: #351187 !important;
    color: white !important;
}

.card-info {
    position: relative;
    top: 20%;
}

.content-box {
    margin-bottom: 13%;
}


/*// For Screen Capture*/

#preview-container {
    display: none;
    margin-top: 20px;
}

#screenshot-preview {
    max-width: 100%;
    border: 2px solid #000;
}


a.navbar-brand {
    display: flex;
    align-items: center;
}