/*Hoja de estilo*/
html {
  min-height: 100%;
  position: relative;}

body{padding: 0px;margin: 0px; font-family: "Exo";background-color: #80B7D3;}

p {font-size: 12px; margin: auto; margin-left: 3rem; margin-right: 3rem}

header {background-color: #1C1E26; height: 10%;}

main{ display: flex; flex-direction: column;align-items: stretch}

h1 {color: #80B7D3; font-family:"Righteous"; font-size: 4rem;display:table-cell; align-content: center}
div#atras {font-family: "Righteous"; font-size: 3rem; margin-top:60%; margin-left: 1rem; float:left;color: #1C1E26}
div#atrasstreamer {font-family: "Righteous"; font-size: 3rem; margin-top:60%; margin-left: 1rem; float:left;color: #1C1E26}
div#siguiente {font-family: "Righteous"; font-size: 3rem; margin: auto; margin-top:60%; margin-right: 1rem; float:right;color: #1C1E26}
h2 {font-size: 3rem}
h3{ font-size: 1.5rem; margin-left: 3rem}
li {list-style-type: none; padding-bottom: 1rem; flex-direction: row;}
.streamerdatos {list-style-type: none; font-size: 2rem; margin: 3rem;}
figure#usuario {margin: auto; margin-top: 2.5rem;flex-shrink: }
footer {background-color: #1C1E26;height: auto; bottom:0; width: 100%; position: absolute;}


div#logoblanco {float: left; margin-top: 1rem}
div#lista {float: left; margin-left: 30%; align-content: center; margin-top: 2rem; flex-direction: column}
div#all {overflow: hidden}
div#general{overflow: hidden}

.inuput {background-color: white; width: 80%; height: 2rem}