/*
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  
  html {
    color: #333;
    font-family: "Josefin Sans";
    line-height: 1.5;
  }
  
  body {
    padding: 2rem 2.5rem;
    background: linear-gradient(#dfe0db, #dfe0db 50%, #fcebe1 50%, #fcebe1);
    
  }
  */
  .h1 {
    font-size: 2rem;
    text-transform: uppercase;
  }
  
  h2 {
    font-size: 1.1rem;
    text-transform: uppercase;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    padding: 0.75rem 0;
    margin-bottom: 2rem;
  }
  
  h3 {
    font-size: 1rem;
    text-transform: uppercase;
    color: salmon;
  }
  
  p {
    line-height: 1.5;
  }
  
  section + section {
    margin-top: 2rem;
  }
  
  a {
    text-decoration: none;
    color: inherit;
  }
  
  ul {
    list-style: none;
  }
  
  .profile {
    text-align: center;
  }
  
  .profile img {
    border-radius: 9999px;
    width: 15rem;
    height: 15rem;
  }
  
  .profile p {
    color: #888;
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }
  
  .contact ul {
    margin-top: -2rem;
  }
  
  .contact li {
    text-align: left;
    text-transform: uppercase;
    padding: 1rem;
    color: #888;
    border-bottom: 1px solid #888;
    font-size: 0.8rem;
  }
  
  .skills > ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }
  
  .timeline .event + .event {
    padding-top: 1rem;
  }
  
  .timeline .event {
    display: grid;
    grid-template-columns: 5ch 1fr;
  }
  
  .timeline .content {
    border-left: 1px solid #888;
    padding-left: 1rem;
    margin-left: 1rem;
  }
  
  .content > h3 + p {
    margin-bottom: 1rem;
    color: #333;
  }

  /* .resume {
    display: grid;
    grid-template-columns: 40% 1fr;
    grid-gap: 4rem;
    background-color: white;
    padding: 3rem;
    max-width: 1110px;
    margin: auto;
    padding: 3rem 1.25rem;
    position: relative;
    background-color: #fff;
    margin-bottom: 3rem;
    z-index: 2;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  } */

.text_hyperlink:link{
  color:rgb(120, 165, 29);
  text-decoration:none;
  font-family:sans-serif;
}
.text_hyperlink:hover{
  color:salmon
}
.text_hyperlink:active{
  color:slateblue
}
.text_hyperlink:visited{
  color:purple
}

.resume {
  grid-template-columns: 40% 1fr;
  grid-gap: 4rem;
  background-color: white;
  padding: 3rem;
  max-width: 1110px;
  margin: auto;
  padding: 3rem 1.25rem;
  position: relative;
  background-color: #fff;
  margin-bottom: 3rem;
  z-index: 2;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

/* @media (min-width: 577px) {
  .resume {
    display: grid;
  }
} */
/* 
@media (min-width: 767px) {
  .resume {
    display: grid;
  }
}

@media (min-width: 768px) {
  .resume {
    display: grid;
  }
} */

@media (min-width: 577px) {
  .resume {
    display: grid;
  }
}

/* @media (min-width: 1200px) {
  .resume {
    display: grid;
  }
} */
/* 
@media (max-width: 768px) {
  .resume {
    display: grid;
  }
} */