/* configuranção das fonts */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 17px;
  /* colors */
  --or:#FF6700;
  --pin:#DE008B;
  --pur:#A5237E;
  --ye:#FFDC00;
  --blue:#7EB7E4;
  --posW: 1400px;
}

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

html, body{
  border: 0;
  width: 100vw;
  height: 100dvh;
  transition: 500ms;
}
/* estilo de bg */
.bg-blue{
  background-color: var(--blue);
}

.bg-pin{
  background-color: var(--pin);
}

.bg-pur{
  background-color: var(--pur);
}

.bg-ye{
  background-color: var(--ye);
}

.bg-or{
  background-color: var(--or);
}
a{
  text-decoration: none;
  cursor: pointer;
}

button{
  border-radius: .4rem ;
}

.interface{
  width: 100%;
  margin: 0 auto;
}
.container{
  width: 100vw;
}

a{
    text-decoration: none;
}

h1,h2,h3,h4,h5,h6{
    font-size: 2.2rem;
}