body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.bg-custom{
    background-color : #429206;
    background-image : linear-gradient(to right, #429206 50%, #b1de00);
}

.nav-atas {
    padding: 8px 0;
    
}

.btn-daftar{
    border-radius: 25px;
    color: #429206;
    font-size: 10pt;
    font-weight: bold;
    margin: 0 3px;
    padding: 8px 20px;
}

.btn-daftar:hover{
    background-color: #ffc107;
    color: #fff;
}

.btn-login{
    background-color: #ffc107;
    border-radius: 25px;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    margin: 0 3px;
    padding: 8px 20px;
}
.btn-login:hover{
    background-color: #fff;
    color: #429206;
}

.info-sekolah th{
    width: 20%;
}
.text-home .btn-daftar{
    animation: pulse 1s ease infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
      }
    100% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
      }
}


.blink{
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite;
    color: #f00;
    font-weight: bold;
}

@media screen and (max-width: 1080px) {
    .pc{
        display: none;
    }

    .jumbotron{
        border-radius: 0 0 100px 0;
    }
    .logo-utama{
        width: 200px;
        margin: 0 0 50px 0;
    }
    .text-home h1{
        font-size:20pt;
    }
    .text-home h4{
        font-size:15pt;
    }
    .text-home p{
        font-size:12pt;
    }
    .text-home{
        text-align :center;
    }
}

@-webkit-keyframes blink{
    0% {opacity: 1;}
    50% {opacity: 1;}
    50.01% {opacity: 0;}
    100% {opacity: 0;}
}

@-moz-keyframes blink{
    0% {opacity: 1;}
    50% {opacity: 1;}
    50.01% {opacity: 0;}
    100% {opacity: 0;}
}

@-ms-keyframes blink{
    0% {opacity: 1;}
    50% {opacity: 1;}
    50.01% {opacity: 0;}
    100% {opacity: 0;}
}

@-0-keyframes blink{
    0% {opacity: 1;}
    50% {opacity: 1;}
    50.01% {opacity: 0;}
    100% {opacity: 0;}
}

@keyframes blink{
    0% {opacity: 1;}
    50% {opacity: 1;}
    50.01% {opacity: 0;}
    100% {opacity: 0;}
 100% {opacity: 0;}
}