/* Font Definitions */
@font-face {
  font-family: 'Bangers';
  src: url('fonts/Bangers.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'News Cycle';
  src: url('fonts/NewsCycle.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


/* Base Styles */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  min-height: 100dvh;
  background: #12554c;
  overflow-x: hidden;
}

/* Global Styles */
* {
  box-sizing: border-box;
}

.text-node { background-clip: text !important; -webkit-background-clip: text !important; }

/* Board */
.board-8b1d31c9d190 {
  position: relative;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: #12554cFF;
  overflow: hidden;
  z-index: 0;
}

@media (max-width: 360px) {
  .board-8b1d31c9d190 {
    width: 360px;
    transform: scale(calc(100vw / 360px));
    transform-origin: top center;
  }
}

/* send */
.send-8b3ef840916b {
  position: absolute;
  left: 320px;
  top: 426px;
  width: 24px;
  height: 24px;
  background: url(send.png)
}

/* Floating animation */
@keyframes float {
    0% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-5px); }
    100% { transform: translateX(-50%) translateY(0); }
}

/* shenron */
.shenron-8b1f344cf095 {
    position: absolute;
    left: 50%;
    top: 30px;
    width: 710px;
    height: 399px;
    transform: translateX(-50%);
    background-image: url("shenron.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    animation: float 3s ease-in-out infinite;
}

/* Ellipse */
.effet-8b478fa40dfe {
  width: 100dvh !important;
  height: 100vw !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) rotate(270deg) !important;
  background-image: url("effet.png") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

/* send button */
.send-8b3ef840916b {
  background-image: url("send.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.ellipse-8b3e9e1fbba9 {
  position: absolute;
  left: 312px;
  top: 418px;
  width: 30px;
  height: 30px;
  background: #ffffffFF;
}

/* SHENRON
 */
.s-h-e-n-r-o-n-8b3e48e3d013 {
  position: absolute;
  left: 50%;
  top: 479px;
  width: 261px;
  height: 17px;
  transform: translateX(-50%);
}
.s-h-e-n-r-o-n-8b3e48e3d013 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.s-h-e-n-r-o-n-8b3e48e3d013 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.s-h-e-n-r-o-n-8b3e48e3d013 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}
.s-h-e-n-r-o-n-8b3e48e3d013 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(0, 0, 0, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 18px;
  text-rendering: geometricPrecision;
  caret-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Bangers";
  font-style: normal;
  font-weight: 400;
}
.s-h-e-n-r-o-n-8b3e48e3d013 .root-0-paragraph-set-0-paragraph-1 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}
.s-h-e-n-r-o-n-8b3e48e3d013 .root-0-paragraph-set-0-paragraph-1-text-0 {
  color: rgba(0, 0, 0, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 18px;
  text-rendering: geometricPrecision;
  caret-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Bangers";
  font-style: normal;
  font-weight: 400;
}

/* Ok je vais réaliser ton rêve tu seras maintenant le plus riche du monde
 */
.ok-je-vais-8b3e155b7064 {
  position: absolute;
  left: 50%;
  top: 511px;
  width: 277px;
  height: 98px;
  transform: translateX(-50%);
}
.ok-je-vais-8b3e155b7064 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.ok-je-vais-8b3e155b7064 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.ok-je-vais-8b3e155b7064 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}
.ok-je-vais-8b3e155b7064 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(0, 0, 0, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 14px;
  text-rendering: geometricPrecision;
  caret-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Bangers";
  font-style: normal;
  font-weight: 400;
}
.ok-je-vais-8b3e155b7064 .root-0-paragraph-set-0-paragraph-1 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}
.ok-je-vais-8b3e155b7064 .root-0-paragraph-set-0-paragraph-1-text-0 {
  color: rgba(0, 0, 0, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 14px;
  text-rendering: geometricPrecision;
  caret-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Bangers";
  font-style: normal;
  font-weight: 400;
}

/* Group */
.group-8b21417d1f7b {
  position: absolute;
  left: 50%;
  top: 418px;
  width: 341px;
  height: 40px;
  transform: translateX(-50%);
}

/* Consigne */
.consigne-8b20328d1f56 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 339.93px;
  height: 38.95px;
}

.voeu-input {
  width: 100%;
  height: 100%;
  padding: 0 42px 0 16px;
  border: 0;
  outline: 0;
  background: transparent;
  font-family: "News Cycle";
  font-size: 14px;
}

.voeu-input::placeholder {
  color: rgba(0, 0, 0, 1);
  opacity: 1;
}
.consigne-8b20328d1f56 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: center;
}
.consigne-8b20328d1f56 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.consigne-8b20328d1f56 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.consigne-8b20328d1f56 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(0, 0, 0, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 14px;
  text-rendering: geometricPrecision;
  caret-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "News Cycle";
  font-style: normal;
  font-weight: 400;
}

/* Zone_saisie */
.zonesaisi-8b1fc6aacd7c {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 341px;
  height: 40px;
  background: #ffffffFF;
  border-start-start-radius: 90px;
  border-start-end-radius: 90px;
  border-end-start-radius: 90px;
  border-end-end-radius: 90px;
}

/* cadreh */
.cadreh-8b45951147c1 {
  position: absolute;
  left: 50%;
  top: 453px;
  width: 347px;
  height: 281px;
  transform: translateX(-50%);
  background: url("cadreh.png");
  background-size: 100% 100%;
  background-image: url("cadreh.png") !important;
  background-position: center;
  background-repeat: no-repeat;
}

/* effet */
.effet-8b478fa40dfe {
  position: absolute;
  left: -221.5px;
  top: 219.5px;
  width: 803px;
  height: 358px;
  transform: matrix(-0.00, -1.00, 1.00, 0.00, 0.00, -0.00);
  background-image: url("effet.png");
}

/* Login Container */
.login-container {
  background-image: url("cadre_portail.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent !important;
  padding: 0;
  border-radius: 0;
}

h2 {
  font-family: "Bangers";
}