#container {
    width: 100%;
background: rgb(2,0,25);
background: linear-gradient(180deg, rgba(2,0,25,1) 0%, rgba(8,8,109,1) 24%, rgba(9,9,121,1) 48%, rgba(8,40,142,1) 63%, rgba(0,212,255,1) 100%);
    margin: 0 auto;
}


.sites {
  padding-top: 1rem;
  padding-bottom: 3rem;
  color: inherit;
  display: flex;
  flex-flow: row wrap;
  align-content: space-between;
  justify-content: center;
}
.sites a {
  color: inherit;
  font-size: 1.3rem;
  background: white;
  border-radius: 4px;
  width: 90px;
  height: 90px;
  margin: 0.5rem;
  line-height: 90px;
  text-align: center;
  color: #4584ee;
  box-sizing: border-box;
  display: block;
  vertical-align: middle;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.28);
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-appearance: none;
}
.sites a:hover, .sites a:focus, .sites a:active {
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
}
.sites a span:nth-child(1) {
  font-family: Material-Icons;
  padding-right: 0;
  font-size: 60px;
}
.sites a span#title {
  opacity: 0;
  position: absolute;
  font-size: 12px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  transition: all ease-in-out 150ms;
  position: absolute;
  top: 55px;
  left: 0;
  color: #bbb;
  width: 90px;
  height: 0.5rem;
  text-align: center;
  text-shadow: none;
}
.sites a:hover span#title {
  opacity: 1;
}
.sites a img {
  width: 55px;
}
+ .sites a:nth-child(3n) {
  page-break-after: always;
}
.sites a:hover, .sites a:focus, .sites a:active {
  transform: translateY(-5px);
  text-decoration: none;
  color: #4584ee;
}

#contenedorPrincipal {
  display: flex;
  justify-content: center; /* Esto centrará horizontalmente los elementos dentro del contenedor */
  align-items: flex-start;
}

#contenedor {
  display: flex; /* Usa flexbox para alinear los elementos en una fila */
  text-align: center; /* Alinea el contenido del contenedor al centro */
	
}

.miInput {
    outline: 0;
    border-radius: 8px;
    box-shadow: 0 2px 5px 0 rgb(213 217 217 / 50%);
    background: #FFF;
    border: 1px solid #D5D9D9;
    font-size: 14px;
    padding: 0 11px;
    margin-right: 10px;
    vertical-align: middle;
    /* Ajusta el margen entre el campo de texto y los botones */
    height: 31px; /* Si deseas una altura fija, puedes ajustarla aquí */
    resize: none; /* Esto evita que los usuarios cambien el tamaño del textarea */
}


.miBoton {
  outline: 0;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 rgb(213 217 217 / 50%);
  background: #FFF;
  border: 1px solid #D5D9D9;
  font-size: 13px;
  height: 31px;
  padding: 0 11px;
  text-align: center;
  font-weight: 400;
  color: #0F1111;
}

.miBoton:hover {
  background-color: #F7FAFA;
  border-color: #D5D9D9;
}

#resultadoContenedor {
  margin-top: 20px; /* Espacio entre los dos contenedores */
 text-align: center; /* Alinea el contenido del contenedor al centro */
  
}

#contenedor_search {
   display: flex; /* Utilizamos flexbox para alinear los elementos en una fila */
  align-items: flex-start; /* Alinea los elementos en la parte superior del contenedor */
}


#Amazon {
  background: #0b0c07;
}
#Amazon img {
  filter: invert(1);
}

#Apple {
  background: #999;
}
#Apple img {
  filter: invert(1);
}

#Behance {
  background: #1769ff;
}
#Behance img {
  filter: invert(1);
}

#Bootstrap {
  background: #563d7c;
}
#Bootstrap img {
  filter: invert(1);
}

#ChromeStore {
  background: #e3e4e5;
}
#ChromeStore img {
  filter: invert(0);
  width: 65px;
}

#CodePen {
  background: hsla(139,59%,55%,1.00);
}
#Codepen img {
  filter: invert(1);
}

#Dribbble {
  background: #e84c88;
}
#Dribbble img {
  filter: invert(1);
}

#Dropbox {
  background: #007ee5;
}
#Dropbox img {
  filter: invert(1);
}

#Facebook {
  background: #3b5998;
}
#Facebook img {
  filter: invert(1);
}

#Feedly {
  background: #6cc655;
}
#Feedly img {
  filter: invert(1);
}

#Flickr {
  background: #0063dc;
}
#Flickr img {
  filter: invert(1);
}

#Flipboard {
  background: #df272e;
}
#Flipboard img {
  filter: invert(1);
}

#Firefox {
  background: #c13832;
}
#Firefox img {
  filter: invert(1);
}

#GitHub {
  background: #25292e;
}
#GitHub img {
  filter: invert(1);
}

#Google {
  background: #FFFFFF;
}
#Google img {
  filter: invert(0);
}

#Keep {
  background: #ffbb00;
}
#Keep img {
  filter: invert(0);
}

#GoogleMusic {
  background: #ff5722;
}
#GoogleMusic img {
  filter: invert(1);
}

#GooglePlay {
  background: #607d8b;
}
#GooglePlay img {
  filter: invert(1);
}

#Hangouts {
  background: #0c9d58;
}
#Hangouts img {
  filter: invert(1);
}

#Heroku {
  background: #430098;
}
#Heroku img {
  filter: invert(1);
}

#Hulu {
  background: #66aa33;
}
#Hulu img {
  filter: invert(1);
  width: 75px;
}

#Imgur {
  background: #000000;
}
#Imgur img {
  filter: invert(0);
  width: 60px;
}

#Inbox {
  background: #4285F4;
}
#Inbox img {
  filter: invert(0);
}
#Infobae {
  background: #f68e01;
}

#Instagram {
  background: #e4405f;
}
#Instagram img {
  filter: invert(1);
}

#Instapaper {
  background: #1f1f1f;
}
#Instapaper img {
  filter: invert(1);
}

#JSFiddle {
  background: #3fa1f5;
}
#JSFiddle img {
  filter: invert(1);
}

#LinkedIn {
  background: #0077b5;
}
#LinkedIn img {
  filter: invert(1);
}

#Medium {
  background: #00ab6c;
}
#Medium img {
  filter: invert(1);
}

#Messenger {
  background: #0084ff;
}
#Messenger img {
  filter: invert(0);
}

#Netflix {
  background: #e50914;
}
#Netflix img {
  filter: invert(1);
}

#OperaAddons {
  background: #ff1b2d;
}
#OperaAddons img {
  filter: invert(1);
}

#Pinterest {
  background: #bd081c;
}
#Pinterest img {
  filter: invert(1);
}

#Pocket {
  background: #ef3f56;
}
#Pocket img {
  filter: invert(1);
}

#ProductHunt {
  background: #da552f;
}
#ProductHunt img {
  filter: invert(0);
}

#Quora {
  background: #a82400;
}
#Quora img {
  filter: invert(1);
}

#Reddit {
  background: #ff4500;
}
#Reddit img {
  filter: invert(1);
}

#RSS {
  background: #ffa500;
}
#RSS img {
  filter: invert(1);
}

#Slack {
  background: #6ecadc;
}
#Slack img {
  filter: invert(1);
}

#Spotify {
  background: #2ebd59;
}
#Spotify img {
  filter: invert(1);
}

#Twitch {
  background: #6441a5;
}
#Twitch img {
  filter: invert(1);
}

#Twitter {
  background: #0994dc;
}
#Twitter img {
  filter: invert(0);
}

#Vimeo {
  background: #1ab7ea;
}
#Vimeo img {
  filter: invert(1);
}

#Wikipedia {
  background: #CFCDCD;
}
#Wikipedia img {
  filter: invert(0);
}

#YouTube {
  background: #fd0016;
}
#YouTube img {
  filter: invert(1);
  width: 65px;
}

#YouTubeMusic {
  background: #191919;
}
#YouTubeMusic img {
  filter: invert(0);
}

#Rive {
  background: #3FA9F5;
}
#Rive img {
  filter: invert(0);
}

#CodeB {
  background: #BAD8ED;
}
#CodeB img {
  filter: invert(0);
}

#Esrn {
  background: #F7F6F5;
} 
#Esrn img {
  filter: invert(0);
}

#Radiocv {
  background: #000000;
} 
#Radiocv img {
  filter: invert(0);
}

#Ml {
  background: #FFFD00;
} 
#Ml img {
  filter: invert(0);
}

#Laol {
  background: #D2E6F3;
} 
#Laol img {
  filter: invert(0);
}

#B2000 {
  background: #2281BC;
} 
#B2000 img {
  filter: invert(0);
  width: 60px;
}

#Cordillerano {
  background: #F0F0F0;
} 
#Cordillerano img {
  filter: invert(0);
}

#Anses {
  background: #FFFFFF;
}

#Destape {
  background: #F0F0F0;
} 
#Destape img {
  filter: invert(0);
}

#Clarin {
  background: #F0F0F0;
} 
#Clarin img {
  filter: invert(0);
}

#Lanacion {
  background: #F0F0F0;
} 
#Lanacion img {
  filter: invert(0);
}

#Yahoo {
  background: #F7F7F7;
} 
#Yahoo img {
  filter: invert(0);
  width: 60px;
}

#Microsoft {
  background: #F7F7F7;
} 
#Microsoft img {
  filter: invert(0);
  width: 70px;
}

#Bp {
  background: #00447C;
} 
#Bp img {
  filter: invert(0);
  width: 60px;
}
#Mern {
  background: #B2D235;
} 
#Mern img {
  filter: invert(0);
}

#Afip {
  background: #FFFFFF;
} 
#Afip img {
  filter: invert(0);
}

#EED {
  background: #F94447;
} 
#EED img {
  filter: invert(1);
}

#Fravega {
  background: #FFFFFF;
} 
#Fravega img {
  filter: invert(0);
}

#Gmail {
  background: #FFFFFF;
} 
#Gmail img {
  filter: invert(0);
}

#Drive {
  background: #FFFFFF;
} 
#Drive img {
  filter: invert(0);
}
#Whatsapp {
  background: #25D366;
} 
#Whatsapp img {
  filter: invert(1);
}
#Paypal {
  background: #FFFFFF;
} 
#Paypal img {
  filter: invert(0);
}

#Canva{
  background: #00CED1;
}
#Canva img {
  filter: invert(0);
}

#Jazzradio {
  background: #8E0202;
}
#Jazzradio img {
  filter: invert(0);

}
#Virustotal {
  background: #FFF;
}	

#Virustotalo img {
  filter: invert(0);
}

#Movistar {
  background: #FFFFFF;
}

#LN {
  background: #1E59A1;
}

#A24 {
  background: #FFFFFF;
}

#C5N {
  background: #D42027;
}

#Docdwn {
  background: #FFFFFF;
}
#Dina {
  background: #FFFFFF;
}
#Ceb {
  background: #FFFFFF;
}


#FL {
  background: #17943A;
}
#TN {
  background: #FFFFFF;
}
#FL {
  background: #17943A;
}
#Mp {
  background: #50B4E9;
}
#Futu {
  background: #75E8AC;
}

#Instagram {
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}




#gh-star {
  position: absolute;
  top: 1rem;
  left: 1rem;
}

#gh-fork {
  position: absolute;
  top: 1rem;
  left: 4.5rem;
}

#Pagina {
	background: #000;
}