body,.table {
font-family: Consolas,monaco,monospace;
background: #282828;
color: #ffffff;
}

.container {
width:65%;
margin: auto;
}

.title-section {
text-align:center;
}
.final-row {
border-top: 1px solid #fff;
}

.btn-secondary {
    color: #fff;
    background-color: #ed06ff;
    border-color: #ed06ff;
}
.btn-secondary:hover {
background-color: #b807c6;
border-color: #b807c6;
}

.btn-primary {
    color: #fff;
    background-color: #7620df;
    border-color: #7620df;
}
.btn-primary:hover {
background-color: #7620df;
border-color: #7620df;
}

h2 {
color: #ed06ff;
}

h1 {
color: #7620df;
}

h3 {
color: #fffff;
}


.logo img {
width:25%;
margin:auto;
}

.logo {
text-align: center;
}

.portrait img {
background-color: #ed06ff;
border-radius: 50%;
border: 1px solid #7620df;
max-width:128px;
}

.nav-pills .nav-link {
    color: #ed06ff;
}

.nav-pills .nav-link:hover {
    color: #b807c6;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #7620df;
}

a {
color: #ed06ff;
text-decoration: none;
}

a:hover {
color: #b807c6;
}

.poster img {
max-width: 100%;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #7620df;
    border-color: #dee2e6 #dee2e6 #fff;
}
@media only screen and (max-width: 576px) {
.logo img {
width:60%;
margin:auto;
}

.container {
width:100%;
}
}