/* Custom CSS
* Nơi bạn viết CSS tùy chỉnh cho giao diện của mình
*/

@media screen and (min-width: 768px) {

    img#header-logo-default,
    img#header-logo-dark {
        position: absolute;
        height: 100px;
        top: 0;
        padding: 8px;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    img#header-logo-default {
        background-color: #fff;
        border-radius: 99px;
    }
}

/* Các class padding và position bị thiếu trong file CSS đã build sẵn của Tailwind */
.pt-32 { padding-top: 8rem !important; }
.top-32 { top: 8rem !important; }

@media (min-width: 768px) {
    .md\:pt-40 { padding-top: 10rem !important; }
    .md\:top-40 { top: 10rem !important; }
}