body{
    background: rgb(24 24 27 / var(--tw-bg-opacity)) !important;
    color:white !important;
}

picture img:hover{
    transform: scale(1.1);
}
picture img{
    transition: 0.4s;
}

@media (max-width: 640px) {
    .first\:-mt-\[4\.5rem\]:first-child {
        margin-top: -9rem !important;
    }
}

@media (min-width: 640px) {
    .sm\:py-8 {
        padding-top: 0rem !important;
    }
    .sm\:first\:-mt-24:first-child {
        margin-top: -9rem !important;
    }
    .sm\:px-3 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}

header nav
{
    padding-top: 2rem;
}

.hr{
    width:100%;
    height:1px;
    background: rgba(77, 82, 87, 0.72);
}

.sub-menu {
    background: rgb(24 24 27 / var(--tw-bg-opacity)) !important;
}
.sub-menu li a {
    color: white !important;
}