@charset "UTF-8";

@media screen and (min-width: 768px) {
    #burguer {display: none;}

    menu {
        display: block 
    }

    menu > ul > li {
        display: inline-block;  
    }

    main {
        width: 768px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    img {
        width: 700px;
    }
    main {
        width: 90vw;
    }

    main div {
        display: inline-block;
        padding: 20px;
    }

    main > article > h2 {
        padding: 5.1px;
    }

    main h3 {
        font-size: 1.5em;
    }
    
    .emoji {
        font-size: 3.7em;
    }
}

@media screen and (min-width: 992px) {
    img {
        width: 750px;
    }

    main div {
        display: inline-block;
        padding: 20px;
    }

    main > article > h2 {
        padding: 5.93px;
    }

    main h3 {
        font-size: 1.5em;
    }
    
    .emoji {
        font-size: 3.9em;
    }
}