@import url('base.css');
@import url('navbar_1.css');
@import url('burgermenu.css');
@import url('loader.css');
@import url('shoppinglist.css');

body {
    margin: 0;
    padding: 0;
    background-color: #f2f2f2;
    transition: background-color 0.3s, color 0.3s;
    font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
}

header {
    height: 100px;
    width: 100%;
}

.links {
    display: none !important;
}

main {
    height: 600px;
    width: 100%;
}

.dark_light_icon {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

.icon {
    border-radius: 100px;
}

footer {
    background-color: #222222;
    color: #f2f2f2;
    height: 400px;
    width: 100%;
    transition: background-color 0.3s, color 0.3s;
}

@media screen and (min-width: 413px) {
    #menu-icon {
        display: none !important;
    }

    .links {
        display: flex !important;
    }
}