:root{
  --PColor: #513a47;
  --PDColor: #442f3b;
  --SColor: #ff71a8;
  --BGColor: #fce7e1;
  --DBGColor: #f6d7ce;

  --TWhite: #ffffff;
  --TBlack: #000000;

  --PBBColor: rgb(81 58 71 / 51%);
  --PBBGColor: #be8879;

  --content: #2e2e2e;


  --font8: 0.8rem;
  --font9: 0.9rem;
  --font10: 1rem;
  --font11: 1.1rem;
  --font12: 1.2rem;
  --font13: 1.3rem;
  --font14: 1.4rem;
  --font15: 1.5rem;
  --font16: 1.6rem;
  --font18: 1.8rem;
  --font20: 2.0rem;
  --font25: 2.5rem;
  --font22: 2.2rem;
  --font24: 2.4rem;
  --font26: 2.6rem;
  --font28: 2.8rem;
  --font30: 3.0rem;

  --font32: 3.2rem;
  --font34: 3.4rem;
  --font35: 3.5rem;
  --font36: 3.6rem;

  --font40: 4.0rem;
  --font42: 4.2rem;
  --font44: 4.4rem;
  --font46: 4.6rem;
  --font54: 5.4rem;
  --font60: 6.0rem;
  --font68: 6.8rem;
  --font80: 8.0rem;
  --font100: 10.0rem;
  --font120: 12.0rem;
  --font140: 14.0rem;
  --font160: 16.0rem;
  --font200: 20.0rem;
}

.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-100 {margin-top: 100px;}
.mt-150 {margin-top: 150px;}

.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-150 {margin-bottom: 150px;}



.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pt-50 {padding-top: 50px;}
.pt-60 {padding-top: 60px;}
.pt-80 {padding-top: 80px;}
.pt-100 {padding-top: 100px;}
.pt-150 {padding-top: 150px;}

.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-25 {padding-bottom: 25px;}
.pb-30 {padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}
.pb-50 {padding-bottom: 50px;}
.pb-60 {padding-bottom: 60px;}
.pb-80 {padding-bottom: 80px;}
.pb-100 {padding-bottom: 100px;}
.pb-150 {padding-bottom: 150px;}