@import url('https://fonts.googleapis.com/css2?family=Karma:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,500&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {margin-left:5%;}

html, body {
  overflow-x: hidden;
}
body {
  position: relative
}


p, ul, li, label, q {
  font-family: 'Space Mono', monospace;
}

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

h2 {
  font-family: 'DM Sans', sans-serif;
  color: #35203D;
  font-weight: 600;
  text-align: left;
}

h2 u {
  box-shadow: inset 0 -4px 0 #fff2cc;
  text-decoration: none;
}

u {
    box-shadow: inset 0 -12px 0 #fff2cc;
    text-decoration-color: #fff2cc;
}

h3 {
  font-family: 'DM Sans', sans-serif;
  font-size: 1.3em;
  color: #35203D;
  text-align: left;
}

p, ul, li, q {
  font-weight: 300;
  font-size: 17px;
  color: #35203D;
  text-align:left;
}

b {
  font-weight: 600;
}

.rotate {
  animation: rotation 4s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-35deg);
  }
}

.bounce1 {
  animation: bounce1 2s ease infinite;
}
@keyframes bounce1 {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}

.bounce2 {
  animation: bounce2 1s ease infinite;
}
@keyframes bounce2 {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}

.bounce3 {
  animation: bounce3 3s ease infinite;
}
@keyframes bounce3 {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}

.bounce4 {
  animation: bounce4 4s ease infinite;
}
@keyframes bounce4 {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}


form {
}

input {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom-style: dashed;      

  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
}

ssinput {
      box-shadow: 4px 4px;
      -webkit-box-shadow: 3px 3px 6px 6px ##35203D;
      box-shadow: 3px 3px 6px 6px ##35203D;
}

.cursor {
  position: relative;
}
.cursor i {
  position: absolute;
  width: 1px;
  height: 80%;
  background-color: gray;
  left: 5px;
  top: 10%;
  animation-name: blink;
  animation-duration: 800ms;
  animation-iteration-count: infinite;
  opacity: 1;
}

.cursor input:focus + i {
  display: none;
}

@keyframes blink {
  from { opacity: 1; }
  to { opacity: 0; }
}


#timer_cozinha, #timer_despacho {
  font-size: 1.7em;
  font-weight: 800;
  color: #470184;
  text-align:center
}

.caixadetexto {
  	max-width: 710px;
		flex-wrap: wrap;
}

.manifesto {
}

.logodiretriz {
  width: 135px;
  margin: 8px 36% 0 0;
}

.logodiretriz_menor {
  width: 320px;
  margin: 80px 0 62px 0;
}

.barcoavela {
  width: 170px;
  margin: -22px 50% 0 12%;
}

.caminho {
  width: 220px;
  margin-left: 32%;
}

.calendario {
  width: 116px;
}

.money {
  width: 116px;
}

.depoimentos {
  width: 530px;
}


.icone {
  display: inline;
  width: 35px;
  margin: -8px;
}

.unico {
  padding: 8px;
}

.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
  margin-top:16px;
}

.blink_text
{
    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;
}

@-moz-keyframes blinker
{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker
{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker
{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
 }