.buttonNhapNhay {
    background-color: #004A7F;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 20px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #004A7F;
        -webkit-box-shadow: 0 0 3px #004A7F;
    }

    50% {
        background-color: #0094FF;
        -webkit-box-shadow: 0 0 10px #0094FF;
    }

    100% {
        background-color: #004A7F;
        -webkit-box-shadow: 0 0 3px #004A7F;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #004A7F;
        -moz-box-shadow: 0 0 3px #004A7F;
    }

    50% {
        background-color: #0094FF;
        -moz-box-shadow: 0 0 10px #0094FF;
    }

    100% {
        background-color: #004A7F;
        -moz-box-shadow: 0 0 3px #004A7F;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #004A7F;
        box-shadow: 0 0 3px #004A7F;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 10px #0094FF;
    }

    100% {
        background-color: #004A7F;
        box-shadow: 0 0 3px #004A7F;
    }
}

@keyframes glowing {
    0% {
        background-color: #004A7F;
        box-shadow: 0 0 3px #004A7F;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 10px #0094FF;
    }

    100% {
        background-color: #004A7F;
        box-shadow: 0 0 3px #004A7F;
    }
}

.buttonNhapNhay {
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
    width: 100%;
}



/*Ipad ngang(1024 x 768)*/
@media screen and (min-width: 1024px) {
    .card {
        width: 70%;
        margin: 200px auto;
        border: 3px solid #84e8b1;
        background: #84e8b1;
        border-radius: 5px 5px 5px 5px;
    }
}
/*Ipad ngang(1024 x 768)*/
@media screen and (max-width: 1024px) {
    .card {
        width: 100%;
        margin: 200px auto;
        border: 3px solid #84e8b1;
        background: #84e8b1;
        border-radius: 5px 5px 5px 5px;
    }
}
/*Ipad dọc(768 x 1024)*/
@media screen and (max-width: 768px) {
    .card { 
        margin: 200px auto;
        border: 3px solid #84e8b1;
        background: #84e8b1;
        border-radius: 5px 5px 5px 5px;
    }
}
/*Tablet nhỏ(480 x 640)*/
@media screen and (max-width: 480px) {
    .card { 
        margin: 200px auto;
        border: 3px solid #84e8b1;
        background: #84e8b1;
        border-radius: 5px 5px 5px 5px;
    }
}
/*Iphone(480 x 640)*/
@media screen and (max-width: 320px) {
    .card {
        width: 100%; 
        border: 3px solid #84e8b1;
        background: #84e8b1;
        border-radius: 5px 5px 5px 5px;
    }
}
/*Smart phone nhỏ*/
@media screen and (max-width: 240px) {
    .card {
        width: 100%;
        margin: 50px auto;
        border: 3px solid #84e8b1;
        background: #84e8b1;
        border-radius: 5px 5px 5px 5px;
    }
}