@font-face {
  font-family: TypeMates;
  font-weight: normal;
  src: url('/contest/hippandgo/TypeMates - CeraPRO-Black.ttf');
}

a {
  text-decoration: underline;
}
.validate > button {
  cursor: pointer;
  background-color: var(--secondary-bg-color);
}

.validate > button:hover {
  background-color: var(--tertiary-bg-color);
}
.validate > button > span {
  background-color: var(--tertiary-bg-color);
}
.validate > button:hover > span {
  background-color: var(--secondary-bg-color);
}

input, select {
  background-color: white;
  border: 1px solid gray;
  padding: 10px;
  color: black;
}

:root {
  --main-bg-color: rgb(79,31,117);
  --secondary-bg-color: #a5027d;
  --tertiary-bg-color: #d998d1;
  font-family: Arial;
  color: white;
  font-weight: normal;
}

.logo {
  background-image: url('/contest/hippandgo/logo-background.svg');
}
.h1-1 , .h1-2 {
  font-size: 40pt;
  font-weight: bold;
  font-family: TypeMates, Arial;
}
.h1-2 {
  color: var(--tertiary-bg-color);
}

.announce {
  background-image: url('/contest/hippandgo/annoucement.svg');
  color: var(--main-bg-color);
  text-transform: uppercase;
  font-family: TypeMates, Arial
}

.body {
  background-image: url('/contest/hippandgo/background.jpg');
}

.wave-top {
  background-image: url("/contest/hippandgo/wave-top.svg");
}

header, footer {
  background-color: var(--main-bg-color);
  color: white;
}
.text-secondary {
    color: var(--secondary-bg-color);
}