@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Questrial|Quicksand');
/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * https://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }


body {
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar {
    margin-bottom: 20px;
}

/*************************/
.navbar-default .navbar-brand{
    color: #9e017b;
}
.logo-span{
    color: #000;
    font-family: 'Pacifico', cursive;
    font-size: 12px;
}
.container > .row{
    margin: 100px 0 0 10px;
}
.container > .row > div{
}
.playlist-style{
    height:250px;
    width: 100%;
}
.codeBG{
    background: #2b2b2b;
}
code{
    background-color: transparent;
}
code > span{
    margin-left:5em;
}
[class*="code"]{
    overflow-y: scroll;
}
[id*="result"]{
    padding-top: 10px;
}
.footplug{
    font-family: 'Quicksand', sans-serif;
}
.jumbotron{
    background-color: rgba(255,255,255,.5);
}
.nav-tabs {
    border-bottom: 1px solid #9a9a9a;
    background: rgba(0, 0, 0, .5);
}
.nav-tabs a{
    color: rgba(255, 255, 255, 1);
}
.nav-tabs>li.active>a {
    background-color: rgba(0, 0, 0, .5);
    border: 1px solid #9a9a9a;
    border-bottom: 1px solid rgba(0, 0, 0, .5);

}
.nav-tabs>li>a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background-color: rgba(33, 33, 33, 0.45);
    color: rgba(255, 255, 255, 1);
}
.line{
    width: 100%;
    height:1px;
    background-color: rgba(0, 0, 0, .5);
    display: block;
}
.sMusicPlayer{

}
.tab-pane{
    margin-bottom: 40px;
}
h1 small{
    color: #333333;
    font-size: 50%;
    font-style: italic;
}
.col-md-3{
    padding-right: 25px;
    padding-left: 30px;
}
.jumbotron h1 {
    font-size: 43px;
}
.jumbotron p{
    font-size: 16px;
}
@media screen and (max-device-width: 400px){
    .container {
        padding-left: 0;
        padding-right: 0;
    }
    .container > .row {
        margin: 0;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
        padding-right: 0;
        padding-left: 0;
    }
}