h1, h2{
  font-size:2rem;
  margin:0;
  padding:0;
}
main{
  width:80%;
  margin:auto;
}
.a-Mc{
    color: var(--text-color-main);
    padding-top:4rem;
}
.img-holder{
    display:flex;
    justify-content:center;
    align-items:center;
    width:8rem;
    height:8rem;
    overflow:hidden;
    padding:2rem 0;
    flex-shrink: 0;
}
.img-holder .material-symbols-outlined {
  font-size:12rem;
  color: var(--text-color-desc);
  font-variation-settings:
  'FILL' 0,
  'wght' 100,
  'GRAD' 0,
  'opsz' 24;
}
.link-btn{
  text-decoration: none;
  color: var(--text-color-main);
  background-color: var(--primary-color);
  padding:0.8rem;
  border-radius: 2rem;
  display:flex;
  width: fit-content;
  margin:auto;
}
.t-c{
  display:flex;
  align-items: center;

}
.t-c p{
  padding:0 4rem;
}
.s-C{
  display:flex;
  flex-wrap: wrap;
  padding-top:1rem;
}
ul{
  list-style-type:none;
  padding: 0;
  margin:0;
}
.li-c{
  padding:1.2rem;
  box-shadow: 0 0 1px 0 var(--text-color-main);
  min-width:16rem;
  max-width: 20rem;
  margin:1rem;
  background-image: linear-gradient(var(--background-light),var(--background-dark));
}
.s-C{
  justify-content: center;
}
.s-C li p {
  color: var(--text-color-desc);
  font-style: italic;
  font-weight: 300;
  padding:0.4rem;
  margin:0;
  font-size:0.9rem;
}
.li-c h4{
  margin:0;
  padding:0;
  padding-top:0.8rem;
}
.li-c h3{
  font-size:1.4rem;
  margin:0;
}
.li-c a{
  color: var(--detail-color);
  font-weight: 800;
}
.li-c a:visited{
  color: var(--detail-color);
}

@media only screen and (max-width:40rem){
    .t-c{
      padding-top:2rem;
      flex-wrap:wrap;
      justify-content:center;
    }
    .img-holder .material-symbols-outlined{
        font-size:8rem;
    }
    h1, h2{
        padding: 0 2rem;
    }
    .img-holder{
        width:5rem;
        height:5rem;
    }
    main{
        width:100%;
    }
    .a-Mc{
        padding-top:2rem;
    }
    .t-c:last-child{
        padding:0;
    }
    .p-pad{
        padding: 0 2rem;
    }
    .img-holder{
        padding:0;
    }
}