@import url('https://fonts.googleapis.com/css?family=Courgette|Oswald|Inconsolata');

html {
    position: relative;
}

body {
    background: url('https://1.bp.blogspot.com/-u1LVZrjx68Y/XbWmOAZ_AQI/AAAAAAAAAz0/i05PGwUfSh8CpVJmCfAr39UMZF7hraIDwCLcBGAsYHQ/s1600/city-dark-lights.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 100px;
}

/* nav */
.nav-tabs {
    margin-left: auto;
    border-bottom: 1px solid #ddd;
    margin-right: auto;
    display: table;
    margin-bottom: 20px;
    margin-top: 20px;
}

.nav-tabs>li>a {
    border-radius: 0px;
    background: #002E6E;
    color: white;

}

.nav-tabs>li>a:hover {
    border-radius: 0px;
    background: #002E6E;
    color: white;
}

/* akhir nav */
.atas {
    margin-top: 80px;
}

.top {
    margin-top: 100px;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 100px;
}

/* jumbotron */
.jumbotron {
    padding-right: 20px;
    padding-left: 20px;
}

.jumbotron h1 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: -15px;
}

.jumbotron .lebar {
    width: 100%;
    padding: 10px;
}

.jumbotron ul {
    text-align: left;
    padding-left: 0px;
    list-style: none;
}

.jumbotron ul li a {
    float: right;
    color: #78AB00;
    font-family: 'Oswald', cursive;
}

.jumbotron ul li a button:hover {
    background-color: black;
    color: white;
}

.jumbotron a button.btn {
    font-family: 'Oswald', cursive;
    font-size: 15px;
}

div.jumbotron p.deskripsi {
    font-size: 17px;
    text-align: left;
}

.space-bottom {
    min-height: 100px;
}

/* akhir jumbotron */

.ukuran-font {
    text-align: center;
    font-size: 25px;
    margin-top: -10px;
}

.lebar-form {
    padding: 20px;
}

.form-group button {
    width: 100%;
}

.blk {
    display: block;
}

.rata-tengah {
    text-align: center;
}

textarea {
    margin-left: 20px;
    margin-right: 20px;
}

.title {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Courgette', cursive;
}

ul li label {
    font-family: 'Courgette', cursive;
    font-size: 16px;
    font-weight: normal;
    color: #999;
    letter-spacing: 0.5px;
}

ul.nav-tabs li a.btn {
    font-family: 'Oswald', cursive;
    font-size: 16px;
}

form label {
    font-family: 'Oswald', cursive;
    font-size: 18px;
    letter-spacing: 1px;
}

form button.btn {
    font-family: 'Oswald', cursive;
    font-size: 17px;
}

form div.radio label {
    font-family: 'Courgette', cursive;
    font-size: 16px;
    color: #999;
    letter-spacing: 0.5px;
}

div.blk a {
    font-family: 'Oswald', cursive;
}

input#pemisah {
    width: 15%;
    float: left;
    font-size: 20px;
    margin-bottom: 15px
}

/* footer */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #eee;
    padding-top: 20px;
}

.footer p {
    color: #999;
    font-size: 1em;
}

.footer p a:hover {
    color: black;
    text-decoration: none;
}

/* akhir footer */

img.img-table {
    width: 100%;
    height: auto;
}

input.input-table {
    width: 100%;
}