@charset "UTF-8";
body {
	margin: 0px;
}
#header {
	padding: 100px 0px 60px 80px;
	background: url("topcornerlogo.png") top right no-repeat;
	background-size: 250px;
}

h1 {
	font-family: "BuenoSemBd";
	font-size: 100px;
	line-height: 95px;
}
#head1 {
	font-family: "BuenoBlack";
	font-size: 150px;
	line-height: 115px;
}
#head2 {
	font-family: "BuenoSemBd";
	font-size: 150px;
	line-height: 115px;
}
h2 {
	font-family: "BuenoExtLt";
	font-size: 90px;
}
h3 {
	font-family: "BuenoMed";
	font-size: 40px;
}
#clients {
	font-family: "BuenoMed";
	font-size:50px;
	text-align: center;
	color:#ff00ff;
	padding:0px 0px 60px 0px;  
	transform: skewY(-6deg);

}
#wereconfident {
	padding:60px;
	text-align: center;
	font-family: "BuenoMed";
	font-size: 80px;
}





/* LOGO MARQUEE */
* {
  box-sizing: border-box;
}

body {
  min-height: 100vh;
}

.marquee {
  --space: 2rem;
  display: grid;
  align-content: center;
  overflow: hidden;
  gap: var(--space);
  width: 100%;
  margin:30px 0px 50px 0px;
}

.marquee {
  --duration: 30s;
  --gap: var(--space);

  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
background: #ff00FF;
padding: 10px;
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll var(--duration) linear infinite;
}


.marquee__group img {
  max-width: 175px;
  aspect-ratio: 125 / 57;
  object-fit: cover;
  border-radius: 0.5rem;
	filter: invert(1);
}


@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-100% - var(--gap)));
  }
}


/* BUTTON */

.button-92 {
  --c: #fff;
  /* text color */
  background: linear-gradient(90deg, #F0F 33%, #fff5, #F0F 67%) var(--_p,100%)/300% no-repeat,
    #F0F;
	border-radius: 30px;
  /* background color */
  color: #0000;
  border: none;
  transform: perspective(500px) rotateY(calc(20deg*var(--_i,-1)));
  text-shadow: calc(var(--_i,-1)* 0.08em) -.01em 0   var(--c),
    calc(var(--_i,-1)*-0.08em)  .01em 2px #0004;
  outline-offset: .1em;
  transition: 0.3s;
}

.button-92:hover,
.button-92:focus-visible {
  --_p: 0%;
  --_i: 1;
}

.button-92:active {
  text-shadow: none;
  color: var(--c);
  box-shadow: inset 0 0 9e9q #0005;
  transition: 0s;
}

.button-92 {
		font-family: "BuenoSemBd";
  font-weight: bold;
  font-size: 60px;
  margin: 0;
  cursor: pointer;
  padding: .1em .3em;
}