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

:root {
  --main-font-color: #555;
  --boy-girl-border: #ccc;
}

html {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: var(--main-font-color);
  min-height: 100vh;
  background:
    radial-gradient(circle at 20% 10%, #5bbbb3, transparent 30%),
    radial-gradient(circle at 80% 20%, #4879e4, transparent 30%),
    radial-gradient(circle at 80% 80%, #64d4cb, transparent 30%),
    radial-gradient(circle at 20% 80%, #4879e4, transparent 30%),
    linear-gradient(135deg, #6b8a97, #83979e, #aab9c0);
  [hidden] {
    display: none !important;
  }
}