body, html {
    height: 100%;
    margin: 0;
    font-family: Arial, Helvetica Neue, sans-serif;
    /* The image used */
    background-image: url("../img/1pageEdit.webp");
    margin: 0;
    padding: 0;
    -webkit-background-size: cover;
}

* {
    box-sizing: border-box;
}

.topnav {
    overflow: hidden;
    background: transparent;
    display: inline;
    vertical-align: middle;
    text-align: center;
}

    /* Hide the link that should open and close the topnav on small screens */
    .topnav .icon {
        display: none;
    }

button {
    display: inline-block;
    position: relative;
    background: none;
    border: none;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    margin: 25px 9px;
    background: rgba(0,0,0,0.09);
}

span {
    display: inline-block;
    padding: 10px 33px;
}

.button-ani::before, .button-ani::after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: #33ccff;
}

span::before, span::after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    background: #33ccff;
}

.button-ani:hover::before, .button-ani:hover::after {
    width: 100%;
}

.button-ani:hover span::before, .button-ani:hover span::after {
    height: 100%;
}

.btn-normal {
    border-color: #3276b1 !important;
}

.btn-2::before, .btn-2::after {
    transition-delay: 0s;
}

.btn-2 span::before, .btn-2 span::after {
    transition-delay: 0.2s;
}

.btn-2::before {
    right: 0;
    top: 0;
}

.btn-2::after {
    left: 0;
    bottom: 0;
}

.btn-2 span::before {
    left: 0;
    top: 0;
}

.btn-2 span::after {
    right: 0;
    bottom: 0;
}

.btn-2:hover::before, .btn-2:hover::after {
    transition-delay: 0.2s;
}

.btn-2:hover span::before, .btn-2:hover span::after {
    transition-delay: 0s;
}

.btn-2 a {
    float: right;
    color: #fff;
}

    .btn-2 a:hover {
        color: #33ccff;
    }

.active {
    color: #33ccff;
}

h1.headLog {
    color: #3276b1;
    /*color: #ffffff;*/
}

label.label {
    font-weight: bolder;
    color: white;
}

label.note {
    color: white;
}

label.checkbox {
    color: white;
    font-weight: bolder;
}

h5.umum {
    color: white;
}

h5 a {
    color: #3276b1;
    /*color:#668cff;*/
}

button.login {
    font: Helvetica Neue;
    font-weight: bolder;
}

li.btn media {
    background-color: transparent;
    border-bottom-color: white;
}