[
  {
    "path": "css/all.css",
    "content": "@import \"index.css\";\n@import \"config.css\";\n@import \"cardapio.css\";\n@import \"premios.css\";\n@import \"sobre.css\";\n@import \"reseva.css\";"
  },
  {
    "path": "css/cardapio.css",
    "content": "#header_cardapio{\n    background-color: rgb(0, 0, 0);\n    height: 550px;\n    display: inline-block;\n    width: 100%;\n    \n}\n.head_cardapio_titulo{\n    align-items: center;\n    display: flex;\n    color: white;\n    justify-content: center;\n    font-family: \"PosteramaThin\";\n    font-size: 145px;\n    padding-top: 5%;\n}\n.head_cardapio_menu{\n    margin-top: 7%;\n    padding-bottom: 5%;\n}\n.head_cardapio_menu ul {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    align-items: center;\n    display: flex;\n    text-align: center;\n    justify-content: center;\n\n    \n}\n  \n.head_cardapio_menu li {\n    float: left;\n    \n}\n  \n.head_cardapio_menu li a {\n    color: white;\n    padding: 14px 16px;\n    text-decoration: none;\n    font-size: 30px;\n    font-family: \"PosteramaThin\";\n}\n\n.cardapio{\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.titulo_cardapio{\n    margin-top: 8%;\n    font-size: 3rem;\n    font-family: \"PosteramaLigth\";\n}\n.itens_cardapio{\n    margin-top: 3%;\n    margin-bottom: 7%;\n}\n.itens_cardapio ul{\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    align-items: center;\n    display: flex;\n    text-align: center;\n    justify-content: center;\n    flex-direction: column;\n}\n\n.itens_cardapio li{\n    padding: 14px 16px;\n    text-decoration: none;\n    font-size: 30px;\n}\n\n.cardapio span{\n    display:block;\n    width:30%; /*or whatever width you want the effect of <hr>*/\n    border-top: 1px solid rgb(0, 0, 0);\n}"
  },
  {
    "path": "css/config.css",
    "content": "@font-face {\n    font-family: 'PosteramaLigth';\n    src: url(\"../fonts/Posterama 2001 W04 Light.ttf\") format('truetype');\n    font-weight: normal;\n    font-style: normal;\n}\n@font-face {\n    font-family: 'PosteramaThin';\n    src: url(\"../fonts/Posterama 2001 W04 Thin.ttf\") format('truetype');\n    font-weight: normal;\n    font-style: normal;\n}\n@font-face {\n    font-family: 'PosteramaText';\n    src: url(\"../fonts/Posterama Text W07 Regular.ttf\") format('truetype');\n    font-weight: normal;\n    font-style: normal;\n}\nbody{\n    padding: 0;\n    margin: 0;\n    font-family: \"PosteramaText\";\n}\n\n.linha{\n    flex-direction: row;\n    display: flex;\n}\n.coluna{\n    flex-direction: column;\n    display: flex;\n}\n\n#burger{\n    display: inline-block;\n    text-align: center;\n    text-align: center;\n    padding: 10px;\n    cursor: pointer;\n    font-size: 50px;\n    color: white;\n}\n\n#burger:hover{\n    color: rgb(196, 196, 196);\n}\n\n#toggle {\n    display: none;\n}\n  \n  \n.hamburger {\n    position: absolute;\n    top: 5em;\n    right: 5%;\n    margin-left: -2em;\n    margin-top: -45px;\n    width: 2em;\n    height: 45px;\n    z-index: 5;\n    cursor: pointer;\n}\n  \n.hamburger div {\n    position: relative;\n    width: 3em;\n    height: 1px;\n    border-radius: 3px;\n    background-color: #ffffff;\n    margin-top: 8px;\n    transition: all 0.3s ease-in-out;\n    cursor: pointer;\n}\n  \n.nav {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    background-color: #000000ca;\n    top: -100%; left: 0; right: 0; bottom: 0;\n    overflow: hidden;\n    transition: all 0.3s ease-in-out;\n    transform: scale(0);\n}\n.nav-wrapper {\n    position: relative;\n    overflow: hidden;\n    overflow-y: auto;\n    height: 100%;\n}\nnav {\n    text-align: center;\n    margin-top: 12%;\n}\nnav a {\n    position: relative;\n    text-decoration: none;\n    color: #ffffff;\n    font-size: 2em;\n    display: inline-block;\n    margin-top: 1.25em;\n    transition: color 0.2s ease-in-out;\n    letter-spacing: 1px;\n    font-family: \"PosteramaThin\";\n}\nnav a:hover {\n    color: rgb(192, 192, 192);\n}\nnav a:hover:before {\n    height: 100%;\n}\n  \n#toggle:checked + .hamburger .top-bun {\n    transform: rotate(-45deg);\n    margin-top: 25px;\n}\n#toggle:checked + .hamburger .bottom-bun {\n    opacity: 0;\n    transform: rotate(45deg);\n}\n#toggle:checked + .hamburger .meat {\n    transform: rotate(45deg);\n    margin-top: -7px;\n}\n  \n#toggle:checked + .hamburger + .nav {\n    top: 0;\n    transform: scale(1);\n}"
  },
  {
    "path": "css/index.css",
    "content": "@import \"config.css\";\n\nheader{\n    height: 680px;\n    background-color: rgb(0, 0, 0);\n}\n\n\n\n.head_body{\n    position: relative;\n    height: 680px;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    background: url(\"https://img.freepik.com/fotos-premium/restaurante_23-2148014999.jpg?w=2000\");\n    background-size: cover;\n    background-repeat: no-repeat;\n}\n\n.head_left{\n    position: relative;\n    width: 50%;\n    font-family: \"PosteramaThin\";\n    font-size: 50px;\n    color: white;\n    font-weight: normal;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n}\n\n.head_left ul {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    width: 200px;\n}\n  \n.head_left li a {\n    display: block;\n    color: rgb(255, 255, 255);\n    padding: 8px 16px;\n    text-decoration: none;\n}\n.head_left a:hover {\n    display: block;\n    color: rgb(134, 134, 134);\n    padding: 8px 16px;\n    text-decoration: none;\n}\n\n.head_rigth{\n    position: relative;\n    width: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-family: \"PosteramaThin\";\n    color: white;\n    font-size: 145px;\n    font-weight: normal;\n}\n\n\n\n\n\n.sessao1{\n    height: 940px;\n    background-color: rgb(244, 244, 244);\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n}\n.sessao1_part1{\n    font-size: 64px;\n    height: 260px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-family: \"PosteramaLigth\";\n}\n.sessao1_part2{\n    background-color: rgb(235, 235, 235);\n    width: 560px;\n    height: 377px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding-inline: 100px;\n    font-size: 20px;\n}\n.sessao1_part3{\n    background-image: url(\"https://st.depositphotos.com/1014889/2123/i/600/depositphotos_21237673-stock-photo-pasta-with-tomato-sauce.jpg\");\n    width: 423px;\n    height: 637px;\n    background-size: cover;\n    background-repeat: no-repeat;\n    margin-left: 100px;\n}\n\n\n\n\n.sessao2{\n    height: 834px;\n    background-color: rgb(0, 0, 0);\n    justify-content: center;\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    background-image: url(\"https://st3.depositphotos.com/9880800/18500/i/600/depositphotos_185007696-stock-photo-view-stylish-empty-cafe-arranged.jpg\");\n    background-repeat: no-repeat;\n    background-size: cover;\n}\n/*.sessao2_banner{\n    background-image: url(\"https://st4.depositphotos.com/1875497/20057/i/600/depositphotos_200572598-stock-photo-abstract-blur-defocused-restaurant-coffee.jpg\");\n    height: 834px;\n    background-size: cover;\n    background-repeat: no-repeat;\n    opacity: .5;\n    position: relative;\n}*/\n.sessao2_part1{\n    font-family: \"PosteramaLigth\";\n    font-size: 65px;\n    margin-bottom: 60px;\n    color: aliceblue;\n}\n.sessao2_part2{\n    font-family: \"PosteramaText\";\n    padding-inline: 100px;\n    margin-inline: 60px;\n    font-size: 20px;\n    color: aliceblue;\n}\n\n\n\n.sessao3{\n    height: 1100px;\n    background-color: rgb(235, 235, 235);\n    justify-content: center;\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n}\n.sessao3_part1{\n    font-family: \"PosteramaLigth\";\n    font-size: 65px;\n    margin-bottom: 100px;\n}\n.sessao3_part2{\n    justify-content: center;\n    align-items: center;\n    display: flex;\n}\n.sessao3_elento{\n    height: 434px;\n    width: 344px;\n    background-color: aqua;\n    margin-inline: 50px;\n}\n.sessao3_elento img{\n    width: 100%;\n    height: 100%;\n    object-fit: cover\n}\n\n\n\n.sessao4{\n    height: 802px;\n    background-color: rgb(244, 244, 244);\n}\n.sessao4_conteudo{\n    height: 664px;\n    background-color: rgb(0, 0, 0);\n    display: flex;\n    flex-direction: row;\n}\n.sessao4_part1{\n    justify-content: center;\n    align-items: center;\n    display: flex;\n    padding-left: 50px;\n    flex-direction: column;\n    color: white;\n    width: 50%;\n}\n.sessao4_titulo{\n    font-family: \"PosteramaThin\";\n    font-size: 65px;\n    margin-bottom: 20px;\n}\n.sessao4_texto{\n    font-size: 20px;\n    font-weight: normal;\n    scroll-padding-inline: 50px;\n}\n.sessao4_part2{\n    width: 50%;\n    justify-content: center;\n    display: flex;\n}\n.sessao4_imagem{\n    height: 802px;\n    width: 508px;\n    background-image: url(\"https://st3.depositphotos.com/9880800/18500/i/600/depositphotos_185007302-stock-photo-view-stylish-empty-cafe-arranged.jpg\");\n    background-repeat: no-repeat;\n    background-size: cover;\n    margin-top: 100px;\n}\n\n\n\n.sessao5{\n    height: 900px;\n    background-color: rgb(244, 244, 244);\n    justify-content: center;\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n}\n.sessao5_part1{\n    padding-top: 200px;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n}\n.sessao5_titulo{\n    font-family: \"PosteramaLigth\";\n    font-size: 65px;\n    margin-bottom: 20px;\n}\n.sessao5_texto{\n    font-size: 25px;\n    font-weight: normal;\n    padding-right: 80px;\n    padding-left: 80px;\n    text-align: center;\n    padding-top: 50px;\n}\n.sessao5_part2{\n    padding-top: 300px;\n    justify-content: center;\n    display: flex;\n    margin-top: -100px;\n    \n}\n.sessao5_part2 img{\n    width: 70px;\n    padding-inline: 20px;\n}\n.sessao5_part3{\n    padding-top: 50px;\n    text-align: center;\n}\n\n\n[data-anime]{\n    opacity: 0;\n    transition: 1s;\n}\n\n[data-anime=\"down\"]{\n    transform: translate3d(0px ,-100px ,0px);\n    transition: 0.5;\n}\n\n[data-anime=\"left\"]{\n    transform: translate3d(-100px ,0px ,0px);\n    transition: 0.5s;\n}\n\n[data-anime].animate{\n    opacity: 1;\n    transform: translate(0px,0px,0px);\n}"
  },
  {
    "path": "css/premios.css",
    "content": "#header_premio{\n    background-color: rgb(0, 0, 0);\n    height: 550px;\n    display: inline-block;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    \n}\n.head_premio_titulo{\n    align-items: center;\n    display: flex;\n    color: white;\n    justify-content: center;\n    font-family: \"PosteramaThin\";\n    font-size: 145px;\n}\n\n.premio1{\n    background-color: black;\n    flex-direction: row;\n    display: flex;\n    height: 600px;\n    width: 100%;\n}\n.premio1_img{\n    width: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.premio1_img img{\n    border: 1rem solid rgba(255, 255, 255, 0.118);\n}\n.premio1_conteudo{\n    width: 50%;\n    flex-direction: column;\n    display: flex;\n    color: white;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 1rem;\n}\n.premio1_conteudo_titulo{\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    font-family: \"PosteramaThin\";\n    font-size: 4rem;\n}\n\n.premio1_conteudo_texto{\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    margin-inline: 3.5rem;\n    margin-top: 2rem;\n}\n\n\n.premio2{\n    background-color: black;\n    flex-direction: row;\n    display: flex;\n    height: 600px;\n    width: 100%;\n}\n.premio2_img{\n    width: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.premio2_img img{\n    border: 1rem solid rgba(255, 255, 255, 0.118);\n}\n.premio2_conteudo{\n    width: 50%;\n    flex-direction: column;\n    display: flex;\n    color: white;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 1rem;\n}\n.premio2_conteudo_titulo{\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    font-family: \"PosteramaThin\";\n    font-size: 4rem;\n}\n\n.premio2_conteudo_texto{\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    margin-inline: 3.5rem;\n    margin-top: 2rem;\n}"
  },
  {
    "path": "css/reseva.css",
    "content": ".head_reserva_part1{\n    width: 50%;\n    height: 100vh;\n    background-image: url(\"https://cdn.pixabay.com/photo/2014/10/22/17/50/bar-498420_960_720.jpg\");\n    background-repeat: no-repeat;\n    background-size: cover;\n    display: block;\n    flex-direction: column;\n}\n.head_reserva_part2{\n    width: 50%;\n    height: 100vh;\n    background-color: rgb(0, 0, 0);\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    flex-direction: column;\n    font-family: \"PosteramaThin\";\n    font-size: 50px;\n    color: white;\n}\n\n.titulo_reserva{\n    font-size: 3rem;\n    font-family: \"PosteramaLigth\";\n}\n\n.head_reserva_part2 span{\n    display:block;\n    width:30%; /*or whatever width you want the effect of <hr>*/\n    border-top: 1px solid rgb(255, 255, 255);\n}\n"
  },
  {
    "path": "css/sobre.css",
    "content": ".head_sobre_part1{\n    width: 50%;\n    height: 791px;\n    background-color: black;\n    display: block;\n    flex-direction: column;\n}\n.head_sobre_titulo{\n    align-items: center;\n    display: flex;\n    color: white;\n    height: 65%;\n    justify-content: center;\n    font-family: \"PosteramaThin\";\n    font-size: 145px;\n}\n.head_sobre_part2{\n    width: 50%;\n    height: 710px;\n    background-color: rgb(0, 0, 0);\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    font-family: \"PosteramaThin\";\n    font-size: 50px;\n}\n\n.head_sobre_part2 ul {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    width: 200px;\n}\n  \n.head_sobre_part2 li a {\n    display: block;\n    color: rgb(255, 255, 255);\n    padding: 8px 16px;\n    text-decoration: none;\n}\n.head_sobre_part2 a:hover {\n    display: block;\n    color: rgb(134, 134, 134);\n    padding: 8px 16px;\n    text-decoration: none;\n}\n\n\n.sobre_sessao1{\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: rgb(255, 255, 255);\n}\n.sobre_sessao1_img{\n    height: 900px;\n    width: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.sobre_sessao1_img img{\n    margin-left: 20%;\n    margin-right: 5%;\n    height: 700px;\n    width: 90%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    object-fit: cover;\n}\n.sobre_sessao1_conteudo{\n    height: 900px;\n    width: 50%;\n    display: inline-block;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    object-fit: cover\n}\n\n.sobre_sessao1_titulo{\n    font-size: 3rem;\n    margin-right: 30%;\n    margin-top: 40%;\n    margin-left: 10%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n}\n.sobre_sessao1_texto{\n    font-size: 1.3rem;\n    margin-top: 10%;\n    margin-right: 30%;\n    margin-left: 10%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n}\n\n\n.sobre_sessao2{\n    width: 100%;\n    height: 1000px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    align-items: center;\n    flex-direction: column;\n    background-color: rgb(0, 0, 0);\n}\n\n.sobre_sessao2_titulo{\n    margin-top: 5%;\n    align-items: center;\n    display: flex;\n    color: white;\n    justify-content: center;\n    font-family: \"PosteramaThin\";\n    font-size: 50px;\n}\n\nspan{\n    display:block;\n    width:50%; /*or whatever width you want the effect of <hr>*/\n    border-top: 1px solid #ccc;\n}\n\n.sobre_sessao2_texto{\n    align-items: center;\n    display: flex;\n    color: white;\n    justify-content: center;\n    font-size: 20px;\n    padding-inline: 20%;\n    margin-top: 2%;\n}\n\n.sobre_sessao2_fotos{\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    margin-top: 30px;\n}\n\n.sessao2_fotos1{\n    width: 100%;\n    height: 100%;\n    flex-direction: row;\n    display: flex;\n    background-color: rgb(0, 0, 0);\n    align-items: center;\n    justify-content: center;\n}\n.sessao2_fotos2{\n    width: 100%;\n    height: 100%;\n    flex-direction: row;\n    display: flex;\n    background-color: rgb(0, 0, 0);\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 5%;\n}\n.fotos_img{\n    margin: 10px;\n    width: 40%;\n    height: 95%;\n    background-color: rgb(255, 255, 255);\n}\n\n.sobre_sessao3{\n    width: 100%;\n    height: 900px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    align-items: center;\n    flex-direction: column;\n}\n\n.sobre_sessao3_titulo{\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    font-family: \"PosteramaThin\";\n    font-size: 50px;\n    margin-bottom: 5%;\n}\n\n.sobre_sessao3_mapa{\n    width: 100%;\n    height: 550px;\n    background-color: black;\n}\n\n\n\n"
  },
  {
    "path": "html/cardapio.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <link rel=\"stylesheet\" href=\"../css/all.css\">\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Document</title>\n    <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\" />\n    \n</head>\n<body>\n    <div id=\"header_cardapio\">\n        <input id=\"toggle\" type=\"checkbox\"></input>\n\n        <label for=\"toggle\" class=\"hamburger\">\n            <div class=\"top-bun\"></div>\n            <div class=\"meat\"></div>\n            <div class=\"bottom-bun\"></div>\n          </label>\n          \n          <div class=\"nav\">\n            <div class=\"nav-wrapper\">\n              <nav>\n                <a href=\"../index.html\">TUCOR</a><br>\n                <a href=\"reserva.html\">RESERVAR</a><br>\n                <a href=\"cardapio.html\">CARDAPIO</a><br>\n                <a href=\"premios.html\">PREMIAÇÕES</a><br>\n                <a href=\"sobre.html\">SOBRE</a>\n              </nav>\n            </div>\n          </div>\n\n        <div class=\"head_cardapio_titulo\">\n            CARDAPIOS\n        </div>\n        <div class=\"head_cardapio_menu\">\n            <ul>\n                <li><a href=\"#menu1\">MENU 1</a></li>\n                <li><a href=\"#menu2\">MENU 2</a></li>\n                <li><a href=\"#menu3\">MENU 3</a></li>\n            </ul>\n        </div>\n    </div>\n\n    <section>\n        <div class=\"cardapio\">\n            <div class=\"titulo_cardapio\" data-anime>\n                MENU 1\n            </div>\n            <span></span>\n            <div class=\"itens_cardapio\" data-anime>\n                <ul>\n                    <li>MENU 1</li>\n                    <li>MENU 2</li>\n                    <li>MENU 3</li>\n                    <li>MENU 4</li>\n                    <li>MENU 5</li>\n                    <li>MENU 6</li>\n                </ul>\n            </div>\n            <div class=\"titulo_cardapio\" data-anime>\n                MENU 2\n            </div>\n            <span></span>\n            <div class=\"itens_cardapio\" data-anime>\n                <ul>\n                    <li>MENU 1</li>\n                    <li>MENU 2</li>\n                    <li>MENU 3</li>\n                    <li>MENU 4</li>\n                    <li>MENU 5</li>\n                    <li>MENU 6</li>\n                </ul>\n            </div>\n            <div class=\"titulo_cardapio\" data-anime>\n                MENU 3\n            </div>\n            <span></span>\n            <div class=\"itens_cardapio\" data-anime>\n                <ul>\n                    <li>MENU 1</li>\n                    <li>MENU 2</li>\n                    <li>MENU 3</li>\n                    <li>MENU 4</li>\n                    <li>MENU 5</li>\n                    <li>MENU 6</li>\n                </ul>\n            </div>\n        </div>\n    </section>\n    <script src=\"../js/animacao.js\"></script>\n    <footer>\n        <!--sessao5_part2-->\n    </footer>\n</body>\n</html>"
  },
  {
    "path": "html/premios.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <link rel=\"stylesheet\" href=\"../css/all.css\">\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Document</title>\n</head>\n<body>\n        <div id=\"header_premio\">\n            <input id=\"toggle\" type=\"checkbox\"></input>\n\n            <label for=\"toggle\" class=\"hamburger\">\n                <div class=\"top-bun\"></div>\n                <div class=\"meat\"></div>\n                <div class=\"bottom-bun\"></div>\n            </label>\n            \n            <div class=\"nav\">\n                <div class=\"nav-wrapper\">\n                <nav>\n                    <a href=\"../index.html\">TUCOR</a><br>\n                    <a href=\"reserva.html\">RESERVAR</a><br>\n                    <a href=\"cardapio.html\">CARDAPIO</a><br>\n                    <a href=\"premios.html\">PREMIAÇÕES</a><br>\n                    <a href=\"sobre.html\">SOBRE</a>\n                </nav>\n                </div>\n            </div>\n\n            <div class=\"head_premio_titulo\">\n                PREMIAÇÕES\n            </div>\n        </div>\n        <section>\n            <div class=\"premio1\">\n                <div class=\"premio1_img\">\n                    <img src=\"https://pbs.twimg.com/profile_images/583574892538236928/nAMq6I6e_400x400.jpg\" alt=\"\">\n                </div>\n                <div class=\"premio1_conteudo\" data-anime>\n                    <div class=\"premio1_conteudo_titulo\">\n                        50 BESTS\n                    </div>\n                    <div class=\"premio1_conteudo_texto\">\n                        curabitur elit morbi. tempor turpis lacus ipsum litora urna litora feugiat pulvinar sed, scelerisque iaculis accumsan adipiscing netus potenti senectus nisl, mollis erat vehicula quisque a taciti sem etiam. vel quam pulvinar fringilla fusce lobortis vestibulum, lacus praesent ligula ipsum malesuada tristique, tellus sociosqu ut fusce at. \n                    </div>\n                </div>\n            </div>\n            <div class=\"premio2\" data-anime>\n                <div class=\"premio2_conteudo\">\n                    <div class=\"premio2_conteudo_titulo\">\n                        MICHELIN\n                    </div>\n                    <div class=\"premio2_conteudo_texto\">\n                        curabitur elit morbi. tempor turpis lacus ipsum litora urna litora feugiat pulvinar sed, scelerisque iaculis accumsan adipiscing netus potenti senectus nisl, mollis erat vehicula quisque a taciti sem etiam. vel quam pulvinar fringilla fusce lobortis vestibulum, lacus praesent ligula ipsum malesuada tristique, tellus sociosqu ut fusce at. \n                    </div>\n                </div>\n                <div class=\"premio2_img\">\n                    <img src=\"data:image/png;base64,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\" alt=\"\">\n                </div>\n            </div>\n        </section>\n        <script src=\"../js/animacao.js\"></script>\n        <footer>\n            <!--sessao5_part2-->\n        </footer>\n</body>\n</html>"
  },
  {
    "path": "html/reserva.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <link rel=\"stylesheet\" href=\"../css/all.css\">\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Document</title>\n    <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\" />\n    \n</head>\n<body>\n    <header>\n        <div class=\"linha\">\n            <div class=\"head_reserva_part1\">\n                <input id=\"toggle\" type=\"checkbox\"></input>\n        \n                <label for=\"toggle\" class=\"hamburger\">\n                    <div class=\"top-bun\"></div>\n                    <div class=\"meat\"></div>\n                    <div class=\"bottom-bun\"></div>\n                </label>\n                \n                <div class=\"nav\">\n                    <div class=\"nav-wrapper\">\n                    <nav>\n                        <a href=\"../index.html\">TUCOR</a><br>\n                        <a href=\"reserva.html\">RESERVAR</a><br>\n                        <a href=\"cardapio.html\">CARDAPIO</a><br>\n                        <a href=\"premios.html\">PREMIAÇÕES</a><br>\n                        <a href=\"sobre.html\">SOBRE</a>\n                    </nav>\n                    </div>\n                </div>\n            </div>\n            <div class=\"head_reserva_part2\">\n                <div class=\"titulo_reserva\">\n                    Reservar\n                </div>\n                <span></span>\n            </div>\n        </div>\n    </header>\n</body>\n</html>"
  },
  {
    "path": "html/sobre.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <link rel=\"stylesheet\" href=\"../css/all.css\">\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Document</title>\n    <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\" />\n    \n</head>\n<body>\n    <header>\n        <div class=\"linha\">\n            <div class=\"head_sobre_part1\">\n                <input id=\"toggle\" type=\"checkbox\"></input>\n        \n                <label for=\"toggle\" class=\"hamburger\">\n                    <div class=\"top-bun\"></div>\n                    <div class=\"meat\"></div>\n                    <div class=\"bottom-bun\"></div>\n                </label>\n                \n                <div class=\"nav\">\n                    <div class=\"nav-wrapper\">\n                        <nav>\n                            <a href=\"../index.html\">TUCOR</a><br>\n                            <a href=\"reserva.html\">RESERVAR</a><br>\n                            <a href=\"cardapio.html\">CARDAPIO</a><br>\n                            <a href=\"premios.html\">PREMIAÇÕES</a><br>\n                            <a href=\"sobre.html\">SOBRE</a>\n                        </nav>\n                    </div>\n                </div>\n                <div class=\"menu\" id=\"itens_menu\">\n                    <ul>\n                        <li><a href=\"html/reserva.html\">RESERVAR</a></li>\n                        <li><a href=\"html/cardapio.html\">CARDAPIO</a></li>\n                        <li><a href=\"html/premios.html\">PREMIAÇÕES</a></li>\n                        <li><a href=\"html/sobre.html\">SOBRE</a></li>\n                    </ul>\n                </div>\n                <div class=\"head_sobre_titulo\">\n                    SOBRE\n                </div>\n            </div>\n            <div class=\"head_sobre_part2\">\n                <ul>\n                    <li><a href=\"#home\">CHEF</a></li>\n                    <li><a href=\"#news\">RESTAURANTE</a></li>\n                    <li><a href=\"#contact\">LOCALIZAÇÃO</a></li>\n                    <li><a href=\"#about\">CONTATOS</a></li>\n                </ul>\n            </div>\n        </div>\n    </header>\n\n    <section>\n        <div class=\"linha\">\n            <div class=\"sobre_sessao1\">\n                <div class=\"sobre_sessao1_img\">\n                    <img src=\"https://cdn.pixabay.com/photo/2015/08/16/12/37/man-890880_960_720.jpg\" alt=\"\" data-anime>\n                </div>\n                <div class=\"sobre_sessao1_conteudo\">\n                    <div class=\"sobre_sessao1_titulo\" data-anime>\n                        CHEF Alana\n                    </div>\n                    <div class=\"sobre_sessao1_texto\" data-anime>\n                        curabitur elit morbi. tempor turpis lacus ipsum litora urna litora feugiat pulvinar sed, scelerisque iaculis accumsan adipiscing netus potenti senectus nisl, mollis erat vehicula quisque a taciti sem etiam. vel quam pulvinar fringilla fusce lobortis vestibulum, lacus praesent ligula ipsum malesuada tristique, tellus sociosqu ut fusce at. \n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"sobre_sessao2\">\n            <div class=\"sobre_sessao2_titulo\" data-anime>\n                RESTAURANTE\n            </div>\n            <span></span>\n            <div class=\"sobre_sessao2_texto\" data-anime>\n                curabitur elit morbi. tempor turpis lacus ipsum litora urna litora feugiat pulvinar sed, scelerisque iaculis accumsan adipiscing netus potenti senectus nisl, mollis erat vehicula quisque a taciti sem etiam. vel quam pulvinar fringilla fusce lobortis vestibulum, lacus praesent ligula ipsum malesuada tristique, tellus sociosqu ut fusce at. \n            </div>\n            <div class=\"sobre_sessao2_fotos\">\n                <div class=\"sessao2_fotos1\">\n                    <div class=\"fotos_img\" data-anime></div>\n                    <div class=\"fotos_img\" data-anime></div>\n                </div>\n                <div class=\"sessao2_fotos2\">\n                    <div class=\"fotos_img\" data-anime></div>\n                    <div class=\"fotos_img\" data-anime></div>\n                </div>\n            </div>\n        </div>\n        <div class=\"sobre_sessao3\" data-anime>\n            <div class=\"sobre_sessao3_titulo\">LOCALIZAÇÃO</div>\n            <div class=\"sobre_sessao3_mapa\">\n\n            </div>\n        </div>\n    </section>\n    <footer>\n        <!--sessao5_part2-->\n    </footer>\n    <script src=\"../js/animacao.js\"></script>\n</body>\n</html>"
  },
  {
    "path": "index.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <link rel=\"stylesheet\" href=\"css/all.css\">\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Document</title>\n</head>\n<body>\n    <header>\n        <div class=\"head_body\">\n            <div class=\"head_left\">\n                <ul>\n                    <li><a href=\"html/reserva.html\">RESERVAR</a></li>\n                    <li><a href=\"html/cardapio.html\">CARDAPIO</a></li>\n                    <li><a href=\"html/premios.html\">PREMIAÇÕES</a></li>\n                    <li><a href=\"html/sobre.html\">SOBRE</a></li>\n                </ul>\n            </div>\n            <div class=\"head_rigth\">\n                TUCOR\n            </div>\n        </div>\n    </header>\n    <section>\n        <div class=\"sessao1\">\n            <div class=\"coluna\">\n                <div class=\"sessao1_part1\" data-anime>Experiencia</div>\n                <div class=\"sessao1_part2\" data-anime>curabitur elit morbi. tempor turpis lacus ipsum litora urna litora feugiatvinar fringilla fusce ora urna litora feugiat pulvinar sed, scelerisque iaculis accumsan adipiscing netus potenti s</div>\n            </div>\n            <div class=\"sessao1_part3\" data-anime=\"left\"></div>\n            \n        </div>\n        <div class=\"sessao2\">\n            <div class=\"sessao2_part1\" data-anime>Pratos</div>\n            <div class=\"sessao2_part2\" data-anime>curabitur elit morbi. tempor turpis lacus ipsum litora urna litora feugiat pulvinar sed, scelerisque iaculis accumsan adipiscing netus potenti senectus nisl, mollis erat vehicula quisque a taciti sem etiam. vel quam pulvinar fringilla fusce lobortis vestibulum, lacus praesent ligula ipsum malesuada tristique, tellus sociosqu ut fusce at. </div>\n        </div>\n        <div class=\"sessao3\">\n            <div class=\"sessao3_part1\" data-anime>Presente</div>\n            <div class=\"sessao3_part2\">\n                <div class=\"sessao3_elento\" data-anime><img src=\"https://st4.depositphotos.com/13349494/20744/i/600/depositphotos_207441784-stock-photo-cropped-shot-woman-carrying-plate.jpg\" alt=\"\"></div>\n                <div class=\"sessao3_elento\" data-anime><img src=\"https://st2.depositphotos.com/1037987/10279/i/600/depositphotos_102797522-stock-photo-friends-enjoying-evening-meal-in.jpg\" alt=\"\"></div>\n                <div class=\"sessao3_elento\" data-anime><img src=\"https://st2.depositphotos.com/1637787/8805/i/600/depositphotos_88058422-stock-photo-cafe-manager-counting-recipes-with.jpg\" alt=\"\"></div>\n            </div>\n        </div>\n        <div class=\"sessao4\">\n            <div class=\"sessao4_conteudo\">\n                <div class=\"sessao4_part1\">\n                    <div class=\"sessao4_titulo\" data-anime>\n                        Toque EVVIA\n                    </div>\n                    <div class=\"sessao4_texto\" data-anime>\n                        curabitur elit morbi. tempor turpis lacus ipsum litora urna litora feugiat pulvinar  quisque a taciti sem etiam. vel quam pulvinar fringilla fusce lobortis vestibulum, lacus praesent ligula ipsum malesuada tristique, tellus sociosqu ut fusce at. \n                    </div>\n                </div>\n                <div class=\"sessao4_part2\">\n                    <div class=\"sessao4_imagem\" data-anime=\"down\">\n\n                    </div>\n                </div>\n            </div>    \n        </div>\n        <div class=\"sessao5\">\n            <div class=\"sessao5_part1\">\n                <div class=\"sessao5_titulo\" data-anime>\n                    Politica\n                </div>\n                <div class=\"sessao5_texto\" data-anime>\n                    curabitur elit morbi. tempor turpis lacus ipsum litora urna litora feugiat pulvinar sed, scelerisque iaculis accumsan adipiscing netus potenti senectus nisl, mollis erat vehicula quisque a taciti sem etiam. vel quam pulvinar fringilla fusce lobortis vestibulum, lacus praesent ligula ipsum malesuada tristique, tellus sociosqu ut fusce at.  \n                </div>\n            </div>\n            <div class=\"sessao5_part2\" data-anime>\n                <div class=\"linha\">\n                    <img src=\"https://assets.stickpng.com/images/5ecec78673e4440004f09e77.png\" alt=\"\">\n                    <img src=\"https://imagensemoldes.com.br/wp-content/uploads/2020/04/WhatsApp-Black-PNG.png\" alt=\"\">\n                </div>\n            </div>\n            <div class=\"sessao5_part3\">\n                Rua nova roça, 44 - São Paulo/SP - Brasil\n            </div>\n        </div>\n    </section>\n    <script src=\"js/animacao.js\"></script>\n</body>\n</html>"
  },
  {
    "path": "js/animacao.js",
    "content": "const target = document.querySelectorAll(\"[data-anime]\");\n\nfunction animeScroll(){\n    const windowTop = window.pageYOffset+(window.innerHeight*3)/4;\n    target.forEach(element => {\n        if((windowTop) > element.offsetTop){\n            element.classList.add('animate');\n        }else{\n            element.classList.remove('animate');\n        }\n    });\n}\n\nwindow.addEventListener('scroll', function(){\n    animeScroll();\n});"
  }
]