/* Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* Inter */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
/* Tilt Neon */
@import url("https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap");
/* Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* Inter */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
/* Tilt Neon */
@import url("https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap");
* {
  box-sizing: border-box;
}

/* 
@media screen and (max-width: 395px) 
@media screen and (min-width: 395px) and (max-width: 480px)
@media screen and (min-width: 480px) and (max-width: 600px)
@media screen and (min-width: 600px) and (max-width: 660px)
@media screen and (min-width: 660px) and (max-width: 768px)
@media screen and (min-width: 768px) and (max-width: 880px)
@media screen and (min-width: 880px) and (max-width: 992px)
@media screen and (min-width: 992px) and (max-width: 1200px)
@media screen and (min-width: 1200px) and (max-width: 1382px)
*/
@media screen and (min-width: 660px) {
  section#about {
    height: 1px;
  }
  section#resources {
    height: 1px;
  }
}
@media screen and (max-width: 660px) {
  .content section#about .background {
    display: flex;
    flex-direction: column;
    gap: 1%;
    justify-content: center;
    align-items: center;
  }
  .content section#resources {
    height: 1px;
  }
}
@media screen and (max-width: 600px) {
  .content section#projects .content .page#one {
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 480px) {
  .content section#home .menu {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
  }
  .content section#resources .content {
    display: flex;
    flex-direction: column;
    gap: 1%;
    justify-content: center;
    align-items: center;
  }
  .content section#resources .content .youtubers {
    width: 100%;
    min-height: 48%;
    border-radius: 20px;
  }
  .content section#resources .content .websites {
    width: 100%;
    min-height: 48%;
    border-radius: 20px;
  }
}/*# sourceMappingURL=responsive.css.map */