*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

.navbar {
    background: rgb(117, 216, 122);
}

nav ul {
    font-size: 19px;
}

.navbar-toggler:hover {
    transition: .3s;
    background-color: seagreen;
}

.site-name {
    font-family: 'Fredoka One', cursive;
    font-size: 37px;
}

.title {
    font-size: 17px;
}

.lg {
    background-color: rgb(185, 230, 173);
}
.dg {
    background-color: rgb(157, 216, 167);
}

.socials a:hover {
    text-decoration: none;
}

.fab {
    padding: 5px;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-size: 21px;
}
.fab:hover {
    transition: .2s;
    color: rgb(224, 222, 73);
}

.footer-banner {
    display: flex;
    justify-content: space-between;
}

@media screen and (min-width:768px) {
    .plugin {
        display: none
    }
}

@media screen and (max-width: 598px) {
    .site-name {
        font-size: 20px;
    }
    .logo img {
        height: 90px;
        width: 90px;
    }
    .footer-banner {
        flex-direction: column;
    }
}

@media screen and (max-width:568px) {
    .blog-box {
        flex-direction: column;
    }
}

@media screen and (max-width:348px) {
    .logo img {
        display:none;
}
    .banner {
        padding: 14px 0px;
    }
    
}