.App {
  font-family: sans-serif;
  text-align: center;
}
html, 
body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Arial;
}
html {
  background-color: black;
}
body {
  margin: 0px;
}

select {
  border-radius: 7px;
    height: 40px;
    border-width: 3px;
}

#root {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.resposive {
  width: auto;
}

.customStyledColorPicker .react-colorful {
  padding-top: 20px;
  padding-left: 5px;
  width: auto;
  height: 400px;
  margin-top: 16px;
  

}

@keyframes blinker {
  50% {
    opacity: 0.25;
  }
}@font-face {
    font-family: 'Anton';
    src: url('/app/assets/Anton-Regular-D-s4rlHi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AntonSC';
    src: url('/app/assets/AntonSC-Regular-rX07A1oq.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeue';
    src: url('/app/assets/BebasNeue-Regular-D2CONTwO.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CarterOne';
    src: url('/app/assets/CarterOne-Regular-krvD2z-a.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Creepster';
    src: url('/app/assets/Creepster-Regular-mOh_PY0X.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DancingScript';
    src: url('/app/assets/DancingScript-Regular-BnSglwJo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Doto';
    src: url('/app/assets/Doto-Regular-D5AC7Ka0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Eater';
    src: url('/app/assets/Eater-Regular-DZJTSbZ0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Flavors';
    src: url('/app/assets/Flavors-Regular-BBb27SDy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontdinerSwanky';
    src: url('/app/assets/FontdinerSwanky-Regular-CeFvtzNB.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FrederickatheGreat';
    src: url('/app/assets/FrederickatheGreat-Regular-DYgj-KDi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Griffy';
    src: url('/app/assets/Griffy-Regular-DWgwZZip.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HennyPenny';
    src: url('/app/assets/HennyPenny-Regular-C6QZaH6u.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'K2D';
    src: url('/app/assets/K2D-Regular-C6Q7Jy0u.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KaushanScript';
    src: url('/app/assets/KaushanScript-Regular-BoWLvyT9.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KodeMono';
    src: url('/app/assets/KodeMono-Regular-BGfMqV1A.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KronaOne';
    src: url('/app/assets/KronaOne-Regular-D4BHpB7a.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LondrinaSolid';
    src: url('/app/assets/LondrinaSolid-Regular-BtPQ3iJl.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Monoton';
    src: url('/app/assets/Monoton-Regular-BVVyvoNF.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Moul';
    src: url('/app/assets/Moul-Regular-fIffBCU8.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Orbitron';
    src: url('/app/assets/Orbitron-Regular-tiCwdeKa.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PermanentMarker';
    src: url('/app/assets/PermanentMarker-Regular-ClowKQab.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PlaywriteBEWAL';
    src: url('/app/assets/PlaywriteBEWAL-Regular-BWcgxVDY.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Revalia';
    src: url('/app/assets/Revalia-Regular-BqiVjIcV.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Rye';
    src: url('/app/assets/Rye-Regular-BAwH82du.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Silkscreen';
    src: url('/app/assets/Silkscreen-Regular-DrhhE05D.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SnowburstOne';
    src: url('/app/assets/SnowburstOne-Regular-C_KDAjpY.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SonsieOne';
    src: url('/app/assets/SonsieOne-Regular-DxabNqmq.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourGummy';
    src: url('/app/assets/SourGummy-Regular-CtVywwDg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Staatliches';
    src: url('/app/assets/Staatliches-Regular-B52qp0pc.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'StickNoBills';
    src: url('/app/assets/StickNoBills-Regular-DGZ1LiwI.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Teko';
    src: url('/app/assets/Teko-Regular-CRkgtpi9.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumWeb';
    src: url('/app/assets/TitilliumWeb-Regular-BNW2HhQP.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ZenTokyoZoo';
    src: url('/app/assets/ZenTokyoZoo-Regular-hoN3Iw3x.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}