@import url('https://fonts.googleapis.com/css2?family=Borel&family=Chakra+Petch:wght@700&family=Cherry+Bomb+One&family=Luckiest+Guy&family=Oswald:wght@600&family=Ubuntu&display=swap');

.lucky{
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.chakra{
    font-family: Chakra Petch
}
.ubuntu{
    font-family: ubuntu
}
.borel{
    font-family: borel
}
.cherry{
    font-family: cherry bomb one
}
.oswald{
    font-family: oswald
}
.mono{
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}
.fansy{
    font-family:cursive
}
.right{
    text-align: right
}
.left{
    text-align: left
}
.center{
    text-align: center
}
.icon{
  font-size: 3rem;
}
.toptxt{
    font-size: 2rem
}
.title{
    font-size: 4rem
}
.des{
    font-size: 2rem
}
.subtitle{
    font-size: 3rem
}
.ul{
    text-decoration:underline
}
@media (min-width:0px) {
  html{
    font-size: 9px
  }
  .webdev{
    font-size: 10vw
  }
}
@media (min-width:425px) {
  html{
    font-size: 9.5px
  }
  .webdev{
    font-size: 9vw
  }
}
@media (min-width:768px) {
  html{
    font-size: 10px
  }
  .webdev{
    font-size: 6rem;
  }
}
@media (max-width:767px) {
  .toptxt{
    font-size: 2.5rem;
    padding: 0.6vh;
  }
}
@media (min-width:1024px) {
  html{
    font-size: 12px
  }
}
@media (min-width:1440px) {
  html{
    font-size: 15px
  }
}
@media (min-width:1600px) {
  html{
    font-size: 16px
  }
}
@media (min-width:2560px) {
  html{
    font-size: 22px
  }
}