@charset "UTF-8"; * { box-sizing: border-box; /* border-box - O tamanho do box é exatamente o que colocamos. cont-box (default) - O tamanho do box é o que colocamos + o padding + o border */ } html { font-size: 62.5%; } body { font-family: "Poppins", sans-serif; font-size: 1.6rem; /* EM usa o tamanho da fonte do elemento pai e REM usa o tamanho da fonte do */ font-weight: 400; line-height: 1.5; } section { min-height: 100vh; } .container { margin-left: auto; margin-right: auto; max-width: 1200px; width: 96%; } .negrito { font-weight: 700; } .logo .logo__link { display: flex; padding: 5px; text-decoration: none; } .logo .logo__link .logo__container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .logo .logo__link .logo__container .logo__titulo { font-size: 29px; font-weight: 300; letter-spacing: 1px; } .logo .logo__link .logo__container .logo__titulo .logo__titulo--bold { font-weight: 600; } .logo .logo__link .logo__container .logo__subtitulo { font-size: 12px; letter-spacing: 8px; margin-left: 4px; } .logo__footer { transition: 0.5s; } .logo__footer .logo__link { padding: 5px 20px; } .logo__footer .logo__link .logo__container .logo__titulo { font-size: 19.2px; } .logo__footer .logo__link .logo__container .logo__subtitulo { font-size: 10px; letter-spacing: 4.5px; margin-left: 3px; } .logo__footer:hover { transform: translateY(-15px); } .header { background-color: #ffffff; height: 80px; } .header .container { align-items: center; display: flex; height: 100%; justify-content: space-between; } .header .container .header__nav .container__botao { display: none; } .header .container .header__nav .container__rotulo { display: none; } .header .container .header__nav .lista-menu { display: flex; } .header .container .header__nav .lista-menu .lista-menu__item { padding: 40px 0px; } .header .container .header__nav .lista-menu .lista-menu__item .lista-menu__link { cursor: pointer; color: #000000; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.3px; margin-left: 30px; text-decoration: none; text-transform: uppercase; } .header .container .header__nav .lista-menu .lista-menu__item:hover > .lista-menu__link { border-bottom: 3px solid #00a0bb; } @media screen and (max-width: 820px) { .header { background-color: #ffffff; height: 80px; position: relative; } .header .container { flex-direction: row-reverse; } .header .container .header__nav { align-items: center; display: flex; justify-content: center; z-index: 100; } .header .container .header__nav .container__botao { display: none; } .header .container .header__nav .container__botao:checked ~ .lista-menu { display: block; } .header .container .header__nav .container__botao:checked ~ .container__rotulo > .header__menu-hamburguer { background: url("../../img/close.svg") center center no-repeat; display: inline-block; height: 30px; width: 30px; } .header .container .header__nav .container__rotulo { display: block; } .header .container .header__nav .container__rotulo .header__menu-hamburguer { background: url("../../img/menu.svg") center center no-repeat; display: inline-block; height: 40px; width: 40px; } .header .container .header__nav .lista-menu { display: none; left: 0%; position: absolute; top: 100%; width: 100vw; } .header .container .header__nav .lista-menu .lista-menu__item { background-color: #f2f2f2; border-bottom: 2px solid #e0e0e0; padding: 0px; } .header .container .header__nav .lista-menu .lista-menu__item .lista-menu__link { display: flex; margin-left: 0px; padding: 1.6rem; width: 100%; } } .banner-h1 { align-items: center; background-color: #00a0bb; display: flex; height: 80px; min-height: 80px; width: 100vw; } .banner-h1 .container .banner-h1__titulo { font-size: 3rem; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; } @media screen and (max-width: 820px) { .banner-h1 .container .banner-h1__titulo { font-size: 2rem; } } @-webkit-keyframes animacaoOnda1 { 0% { background-position-x: 1000px; } 100% { background-position-x: 0px; } } @keyframes animacaoOnda1 { 0% { background-position-x: 1000px; } 100% { background-position-x: 0px; } } @-webkit-keyframes animacaoOnda2 { 0% { background-position-x: 0px; } 100% { background-position-x: 1000px; } } @keyframes animacaoOnda2 { 0% { background-position-x: 0px; } 100% { background-position-x: 1000px; } } .footer { align-items: center; background: #00a0bb; display: flex; flex-direction: column; justify-content: center; min-height: 100px; padding-bottom: 16px; position: relative; z-index: 85; width: 100%; } .footer .onda { background: url(../../../assets/img/wave.png); background-size: 1000px 100px; height: 81px; left: 0; position: absolute; top: -80px; width: 100%; } .footer #onda1 { -webkit-animation: animacaoOnda1 4s linear infinite; animation: animacaoOnda1 4s linear infinite; bottom: 0; opacity: 1; z-index: 81; } .footer #onda2 { -webkit-animation: animacaoOnda2 4s linear infinite; animation: animacaoOnda2 4s linear infinite; bottom: 10px; opacity: 0.5; z-index: 80; } .footer #onda3 { -webkit-animation: animacaoOnda1 3s linear infinite; animation: animacaoOnda1 3s linear infinite; bottom: 15px; opacity: 0.2; z-index: 81; } .footer #onda4 { -webkit-animation: animacaoOnda2 3s linear infinite; animation: animacaoOnda2 3s linear infinite; bottom: 20px; opacity: 0.7; z-index: 80; } .footer .footer-lista { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; margin: 10px 0; opacity: 0.9; position: relative; } .footer .footer-lista .footer-lista__item { list-style: none; } .footer .footer-lista .footer-lista__item .footer-lista__link { display: inline-block; margin: 0 10px; text-decoration: none; transition: 0.5s; transform: scale(0.9); } .footer .footer-lista .footer-lista__item .footer-lista__link:hover { transform: translateY(-10px); } .footer .footer-lista .footer-lista__item .footer-lista__link-menu { color: #000000; display: inline-block; font-size: 1.2em; text-decoration: none; margin: 0 10px; transition: 0.5s; } .footer .footer-lista .footer-lista__item .footer-lista__link-menu:hover { letter-spacing: 1.5px; transition: 0.5s; font-weight: 700; } .footer .footer-lista .footer__logo-produtivese { transition: 0.5s; } .footer .footer-lista .footer__logo-produtivese:hover { transform: translateY(-10px); transition: 0.5s; } .footer .copyright { display: flex; justify-content: center; } .footer .copyright .copyright__descricao { color: #000000; text-align: center; margin-top: 15px; margin-bottom: 10px; font-size: 14px; } .footer .copyright .copyright__politica { display: flex; justify-content: center; align-items: center; } .footer .copyright .copyright__politica .copyright__link { margin-left: 40px; transition: 0.5s; color: #000000; text-align: center; margin-top: 15px; margin-bottom: 10px; font-size: 14px; } .footer .copyright .copyright__politica .copyright__link:hover { font-weight: 700; transition: 0.5s; } @media screen and (max-width: 820px) { .footer .footer-lista .footer__logo-produtivese { margin-right: 26px; } .footer .copyright { flex-direction: column; } .footer .copyright .copyright__politica .copyright__link { margin-left: 0px; } .footer .copyright .copyright__politica .copyright__link:last-child { margin-left: 40px; } } main { align-items: center; display: flex; flex-direction: column; justify-content: center; } .texto { margin-top: 3.2rem; margin-bottom: 15rem; }/*# sourceMappingURL=termoDeUso.css.map */