/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
@import url('https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap');

.div-header{
  display:flex;
  }
body {
  background-color: #3f3470;
  font-family: "Chelsea Market", system-ui;
  font-weight: 400;
  font-style: normal;
}
.center {
  text-align: center;
}
header {
 position: sticky;
 top: 0px;
 width: 100%;
 height: 50px;
 background-color: #a2ff99;
 padding-bottom: 20px;
}
.izq {
  text-align: start;
  }

nav{
  display: flex;
  gap: 40px;
  }
h1 {
  color: rgb(9, 255, 138);
  text-shadow: -3px 3px rgb(27, 141, 84), 3px -3px rgb(27, 141, 84), 3px 3px rgb(27, 141, 84), -3px -3px rgb(27, 141, 84), 0px -3.5px rgb(27, 141, 84), 0px 4px rgb(27, 141, 84), -3px 0px rgb(27, 141, 84), 3px -0px rgb(27, 141, 84);
  font-size: 3.5rem;
  text-transform: uppercase;
  }
h2 {
color: white;
text-shadow: -2px 2px black, 2px -2px black, 2px 2px black, -2px -2px black, 0px 3px black, 0px -2.5px black, 2px 0px black, -2px 0px black;;
}

.headertitle{
  color: rgb(9, 255, 138);text-shadow: -2px 2px rgb(27, 141, 84), 2px -2px rgb(27, 141, 84), 2px 2px rgb(27, 141, 84), -2px -2px rgb(27, 141, 84), 0px 3px rgb(27, 141, 84), 0px -2.5px rgb(27, 141, 84), 2px 0px rgb(27, 141, 84), -2px 0px rgb(27, 141, 84);;
  }

p {
    color: white;
  text-shadow: -1.5px 1.5px black, 1.5px -1.5px black, 1.5px 1.5px black, -1.5px -1.5px black;
}


.row {
  display: flex;
  padding: 10px;
}

.column {
  flex: 20%;
  padding: 10px;
  background-color: #2b2452;
}

img {
    width: 300px;
    height: auto;
  }

.news {
    padding: 20px 125px 20px 125px;
  }