@font-face {
  font-family: 'Intel';
  src: url(../fonts/Inter/Inter-VariableFont_opsz\,wght.ttf);
}

:root {
  --alto-fuente: 300px;
  --top-catbg: 300px;
  --winners-left: 0px;
  --winners-top: 0px;
  --winners-width: 0px;
  --winners-height: 250px;
  --lossers-left: 0px;
  --lossers-top: 0px;
  --lossers-width: 0px;
  --lossers-height: 250px;
  --graph-winners-1: 0px;
  --graph-winners-2: 0px;
  --graph-winners-3: 0px;
  --graph-winners-4: 0px;
  --graph-winners-5: 0px;
  --graph-lossers-1: 0px;
  --graph-lossers-2: 0px;
  --graph-lossers-3: 0px;
  --graph-lossers-4: 0px;
  --graph-lossers-5: 0px;
}

body {
  background-color: #000;
  background-image: url(../images/background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
  font-family: Intel;
  min-height: 100vh;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  color: #fff;
}

a:visited {
  color: #fff;
}

button,
a.button {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 12pt;
  padding: 8px 16px;
  margin: 2px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
}

input,
textarea,
select {
  background: transparent;
  color: #fff;
  font-size: 11pt;
  padding: 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
}

select option {
  background: rgba(0, 0, 0);
  color: #fff;
}

section {
  max-width: 680px;
  margin: 0 auto;
}

div.title {
  display: flex;
  flex-direction: row;
  /* margin-left: 60px; */
  /* margin-left: 108px; */
  max-width: 560px;
  margin: 0 auto;
}

h1.title {
  display: block;
  /* background-image: url(../images/whispr-news-360.png); */
  background-image: url(../images/whispr-news-data.png);
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  text-indent: -5000px;
  /* height: 120px;
  flex: 360px; */
  height: 100px;
  width: 446px;
  /* flex: 150px; */
  margin: 0 auto;
}

iframe#result_data {
  width: 100%;
  min-height: 2000px;
}

div.dlg_loading,
div.dlg_notify {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  padding: 20px 40px;
  border-radius: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 420px) {
  h1.title {
    width: 300px!important;
    margin-top: 24px;
  }
}

h1.secondary {
  display: none;
  flex: auto;
  font-size: 5em;
  font-weight: 100;
  margin: 0 0 0 0px;
  text-align: left;
  line-height: 100px;
  margin-top: -10px;
}

h2 {
  font-weight: 400;
}

h3 {
  font-weight: 200;
}

h3#date {
  font-size: 12pt;
  font-style: italic;
}

table {
  border-collapse: collapse;
}

section.register {
  display: none;
}

img#imagen,
img#imagen_wl {
  display: block;
  margin: 20px auto;
}

#twitterAccounts {
  display: none;
}