#settings {
    align-items: center;
    align-self: center;
     padding: 100px;
   
   width: 50%;

     height: 80vh;
     overflow-y: scroll;
     overflow-x: auto;
   }


.halo {
  background-color:#8483835c;
}

@media only screen and (max-width: 1364px) {

.hideOnSmall {
  display: none;
}
}

/*
@media only screen and (max-width: 1152px) {

  body::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: white;
      z-index: 9999;
  }
  iframe {
      display: block;
  }
}

iframe {
  display: none;
  width: 0;
  height: 0;
  border: 0;
}

*/

:root {
  
    --text-color: #F9C23C; 
    --text-color2: #F9C23C; 
    --text-color3: #F9C23C; 
    --edit-color: #fff;
    --vis-color: darkgreen;
    --visun-color: transparent;
    --border-color: #F9C23C; 
    --bg-color: white;
    --logo-color: #F9C23C;
  }

  .default {
  
    --text-color: rgb(7, 7, 7); 
    --text-color2: rgb(255, 0, 0); 
    --text-color3: rgb(16, 16, 16); 
    --edit-color: #000000;
    --vis-color: #f5efef;
    --visun-color: #ffffff;
    --border-color: #090909;
    --bg-color: white;
    --logo-color: rgb(8, 8, 8);
  }

  .manilla {
  
    --text-color: #0d0d0d;
    --text-color2: rgb(14, 14, 14); 
    --text-color3: #0b0b0b;
    --edit-color: black;
    --vis-color: gold;
    --visun-color: yellow;
    --border-color: #ff00c3;
    --bg-color: white;
    --logo-color: rgb(22, 22, 22);
  }

  /* Dark Theme */
  .starwars {
    --text-color: rgb(255, 255, 255); 
    --text-color2: rgb(255, 0, 0); 
    --text-color3: #e20303ac;
    --edit-color: #ffffff;
    --vis-color: #e20303ac;
    --visun-color: #fa01015f;
    --border-color: rgba(255, 0, 0, 0.661);
    --bg-color: black;
    --logo-color: rgb(248, 246, 246);
  }

  .lakers {
    --text-color: orange; 
    --text-color2: rgb(255, 255, 255); 
    --text-color3: orange; 
    --edit-color: #ffffff;
    --visun-color: #ffbf005f;
    --vis-color: #ffbb00ec;
    --border-color: orange;
    --bg-color: black;
    --logo-color: rgb(250, 247, 247);
  }

  .meditate {
    --text-color: orange; 
    --text-color2: rgb(255, 255, 255); 
    --text-color3: orange; 
    --edit-color: #ffffff;
    --visun-color: #ffbf005f;
    --vis-color: #ffbb00ec;
    --border-color: orange;
    --bg-color: black;
  }


  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.bounce {
    animation: bounce 1s;
}

#projScroll, #docScroll {
height: 300px;
overflow: scroll!important;

}
/* Optional: Customize the div scrollbar appearance */
.scr::-webkit-scrollbar {
  width: 4px;
  height: 0px;
}

.scr::-webkit-scrollbar-track {
  background:  var(--text-color);
}
.scr::-webkit-scrollbar-thumb {
  background:  var(--text-color2);
  border-radius: 4px;
}


#brand {
background-color: #ffffff!important;

border-radius: 10px!important;

box-shadow: #04bf04;
padding: 10px!important;
  color: #000!important;
  font-family: Arvo, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#h5 {
  color:#8d8c8c;
  font-size: 20px;
}

  body {
    color: var(--text-color);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
    font-size: 14px;
    margin: 0px !important;
overflow: hidden;

 
  }

  


#timerIntervalPom2 {
  padding: 5px;
  font-size: 18px;
  cursor: pointer;

}

#d {
  cursor: pointer;
  font-weight: 900;
}

#font-select1, #font-select2 {
background-color: transparent;
  font-size: 20px;
  padding: 10px;
  color: #02b237;
  background-color: #ffffff;
}

#intF {
  text-align: center;
}

[data-gramm] {
  pointer-events: none !important;
  user-select: none !important;
}

[contenteditable] ~ grammarly-extension,
input ~ grammarly-extension,
textarea ~ grammarly-extension {
  display: none;
}

.flasher {
  font-weight: 900 !important;
  color: gold;
  background-color: rgb(252, 23, 23)!important;
  font-size: 22px !important;

  
  position: fixed;
width: 100%;
height: 77px;
  display: flex;
 bottom: 0;
  left: 0;
  justify-content: center;
  align-items: center;
 border-bottom: 6px;
 border-bottom-style: solid;
 border-top: 4px;
 border-top-style: solid;
border-color: red;
  z-index: 20000000000000000000000;
  align-items: center;
  align-content: center;
}

#author {
  background-color: #ffffff;
  font-size: 20px;
  padding: 10px;
  width: 300px;
  border-color: #FFF;
  border: 0px;
  color: #04a835;

}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:checked + .slider:before {
    transform: translateX(26px);
}


#tagline {
color: #999!important;
font-size: 16px;;
}

.content {
    text-align: center;
    color: white; /* Optional text color */
}



  @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
  

  
  #stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 126px 895px #FFF , 704px 494px #FFF , 1847px 1831px #FFF , 435px 813px #FFF , 1340px 1345px #FFF , 1265px 209px #FFF , 691px 965px #FFF , 356px 1629px #FFF , 1480px 944px #FFF , 488px 1758px #FFF , 257px 1966px #FFF , 1262px 913px #FFF , 1955px 151px #FFF , 570px 1693px #FFF , 370px 1532px #FFF , 107px 551px #FFF , 165px 1739px #FFF , 695px 475px #FFF , 456px 736px #FFF , 1166px 1836px #FFF , 128px 514px #FFF , 761px 147px #FFF , 235px 255px #FFF , 1277px 360px #FFF , 1169px 956px #FFF , 323px 1992px #FFF , 62px 1107px #FFF , 1361px 1340px #FFF , 1023px 1283px #FFF , 1639px 881px #FFF , 785px 499px #FFF , 890px 823px #FFF , 1012px 765px #FFF , 1047px 1605px #FFF , 1879px 1611px #FFF , 1086px 1699px #FFF , 1167px 1007px #FFF , 1229px 1498px #FFF , 1482px 1858px #FFF , 1809px 1952px #FFF , 1641px 1336px #FFF , 179px 1178px #FFF , 922px 1731px #FFF , 178px 680px #FFF , 1028px 700px #FFF , 1190px 1762px #FFF , 811px 1198px #FFF , 1313px 1728px #FFF , 1798px 750px #FFF , 473px 1075px #FFF , 909px 1171px #FFF , 82px 1244px #FFF , 1667px 381px #FFF , 338px 1270px #FFF , 1239px 667px #FFF , 1032px 779px #FFF , 1459px 989px #FFF , 1293px 1529px #FFF , 1280px 1697px #FFF , 1247px 1105px #FFF , 1444px 337px #FFF , 855px 499px #FFF , 1995px 816px #FFF , 1678px 124px #FFF , 964px 1454px #FFF , 1821px 1534px #FFF , 722px 196px #FFF , 311px 1260px #FFF , 978px 1696px #FFF , 1204px 1026px #FFF , 835px 1163px #FFF , 1552px 1359px #FFF , 1529px 691px #FFF , 1489px 1585px #FFF , 1143px 1692px #FFF , 1540px 1913px #FFF , 747px 272px #FFF , 1093px 416px #FFF , 1950px 810px #FFF , 1657px 333px #FFF , 1439px 873px #FFF , 51px 509px #FFF , 1655px 549px #FFF , 1334px 1683px #FFF , 1132px 1371px #FFF , 1253px 1741px #FFF , 646px 1281px #FFF , 1326px 736px #FFF , 1158px 923px #FFF , 1911px 297px #FFF , 1608px 225px #FFF , 836px 1631px #FFF , 487px 1078px #FFF , 1564px 905px #FFF , 886px 812px #FFF , 1881px 1710px #FFF , 170px 834px #FFF , 1712px 200px #FFF , 1688px 732px #FFF , 1303px 1311px #FFF , 1843px 248px #FFF , 1721px 275px #FFF , 1834px 1922px #FFF , 609px 1345px #FFF , 876px 868px #FFF , 1220px 1810px #FFF , 1257px 1361px #FFF , 1284px 1786px #FFF , 40px 208px #FFF , 674px 857px #FFF , 1075px 1463px #FFF , 1173px 1879px #FFF , 276px 335px #FFF , 1898px 630px #FFF , 352px 127px #FFF , 167px 1986px #FFF , 616px 325px #FFF , 1645px 115px #FFF , 1131px 246px #FFF , 2px 1751px #FFF , 333px 326px #FFF , 353px 1337px #FFF , 1603px 946px #FFF , 1314px 1323px #FFF , 1600px 1764px #FFF , 517px 305px #FFF , 137px 615px #FFF , 1579px 165px #FFF , 171px 226px #FFF , 389px 1607px #FFF , 837px 1599px #FFF , 1348px 991px #FFF , 1857px 1285px #FFF , 1083px 1245px #FFF , 1773px 64px #FFF , 1958px 1965px #FFF , 741px 457px #FFF , 1629px 306px #FFF , 176px 1410px #FFF , 1908px 761px #FFF , 1424px 622px #FFF , 33px 1266px #FFF , 1394px 218px #FFF , 31px 1384px #FFF , 1378px 371px #FFF , 1818px 8px #FFF , 636px 335px #FFF , 122px 595px #FFF , 1785px 373px #FFF , 1852px 631px #FFF , 490px 1844px #FFF , 1360px 606px #FFF , 1826px 1976px #FFF , 1119px 433px #FFF , 289px 277px #FFF , 651px 461px #FFF , 763px 975px #FFF , 84px 1382px #FFF , 1039px 599px #FFF , 163px 389px #FFF , 1297px 1532px #FFF , 872px 637px #FFF , 1799px 1025px #FFF , 1254px 1407px #FFF , 1506px 621px #FFF , 1260px 1783px #FFF , 202px 191px #FFF , 35px 795px #FFF , 99px 953px #FFF , 1861px 441px #FFF , 734px 137px #FFF , 1298px 885px #FFF , 1904px 1258px #FFF , 905px 535px #FFF , 920px 1696px #FFF , 74px 1460px #FFF , 1799px 1786px #FFF , 1862px 1951px #FFF , 561px 290px #FFF , 1117px 1789px #FFF , 487px 1884px #FFF , 1298px 59px #FFF , 1191px 1385px #FFF , 425px 1289px #FFF , 1372px 1283px #FFF , 1867px 1908px #FFF , 1222px 652px #FFF , 1768px 1204px #FFF , 265px 682px #FFF , 1625px 854px #FFF , 1824px 1167px #FFF , 144px 1761px #FFF , 315px 1053px #FFF , 713px 360px #FFF , 1592px 659px #FFF , 271px 7px #FFF , 461px 1096px #FFF , 531px 785px #FFF , 234px 62px #FFF , 1064px 1382px #FFF , 1318px 1662px #FFF , 44px 1388px #FFF , 1470px 697px #FFF , 774px 643px #FFF , 1970px 1667px #FFF , 455px 1418px #FFF , 147px 1616px #FFF , 1516px 1161px #FFF , 1485px 1331px #FFF , 1196px 156px #FFF , 1776px 192px #FFF , 1103px 1534px #FFF , 782px 1598px #FFF , 1180px 1850px #FFF , 1089px 918px #FFF , 535px 1846px #FFF , 1379px 1684px #FFF , 899px 1560px #FFF , 927px 1932px #FFF , 405px 1546px #FFF , 1867px 172px #FFF , 1321px 1967px #FFF , 1867px 294px #FFF , 713px 1995px #FFF , 393px 310px #FFF , 1749px 1096px #FFF , 1489px 1285px #FFF , 1160px 1267px #FFF , 646px 1966px #FFF , 1757px 1707px #FFF , 403px 516px #FFF , 333px 1069px #FFF , 433px 213px #FFF , 1513px 1292px #FFF , 603px 684px #FFF , 834px 755px #FFF , 21px 537px #FFF , 1811px 1083px #FFF , 847px 254px #FFF , 1728px 631px #FFF , 1069px 1017px #FFF , 1926px 1987px #FFF , 557px 1248px #FFF , 1348px 243px #FFF , 207px 1388px #FFF , 532px 542px #FFF , 1729px 208px #FFF , 430px 1020px #FFF , 1810px 1936px #FFF , 1033px 1020px #FFF , 866px 680px #FFF , 795px 546px #FFF , 1443px 1146px #FFF , 1300px 761px #FFF , 999px 103px #FFF , 571px 1231px #FFF , 1924px 702px #FFF , 459px 1629px #FFF , 624px 1490px #FFF , 862px 392px #FFF , 337px 584px #FFF , 1748px 317px #FFF , 1549px 569px #FFF , 1858px 303px #FFF , 1074px 826px #FFF , 23px 1137px #FFF , 1487px 528px #FFF , 1387px 912px #FFF , 49px 1169px #FFF , 1512px 1644px #FFF , 140px 400px #FFF , 1643px 734px #FFF , 1906px 594px #FFF , 1395px 679px #FFF , 1568px 1828px #FFF , 1031px 402px #FFF , 1843px 481px #FFF , 1191px 539px #FFF , 1559px 1833px #FFF , 1542px 196px #FFF , 1711px 173px #FFF , 1531px 1998px #FFF , 939px 1272px #FFF , 1657px 1997px #FFF , 564px 120px #FFF , 1146px 225px #FFF , 439px 567px #FFF , 621px 1510px #FFF , 315px 454px #FFF , 88px 134px #FFF , 1870px 1493px #FFF , 1017px 959px #FFF , 1786px 1307px #FFF , 738px 1903px #FFF , 975px 479px #FFF , 1612px 1962px #FFF , 249px 1671px #FFF , 1542px 1993px #FFF , 136px 1280px #FFF , 1878px 74px #FFF , 252px 1074px #FFF , 593px 134px #FFF , 562px 1526px #FFF , 72px 128px #FFF , 438px 412px #FFF , 1663px 1676px #FFF , 1899px 1509px #FFF , 1312px 54px #FFF , 1044px 38px #FFF , 1560px 899px #FFF , 1583px 1105px #FFF , 392px 456px #FFF , 519px 61px #FFF , 1186px 1557px #FFF , 1867px 1415px #FFF , 1501px 673px #FFF , 1433px 1487px #FFF , 1992px 611px #FFF , 518px 167px #FFF , 435px 1403px #FFF , 1867px 1189px #FFF , 1372px 57px #FFF , 20px 238px #FFF , 1151px 1203px #FFF , 1292px 355px #FFF , 850px 1037px #FFF , 1409px 1482px #FFF , 1363px 1832px #FFF , 1050px 909px #FFF , 816px 1595px #FFF , 423px 941px #FFF , 1740px 1095px #FFF , 101px 166px #FFF , 147px 981px #FFF , 232px 1737px #FFF , 277px 650px #FFF , 586px 1651px #FFF , 1870px 1075px #FFF , 1642px 870px #FFF , 165px 33px #FFF , 1044px 298px #FFF , 1204px 1350px #FFF , 1191px 430px #FFF , 1767px 253px #FFF , 40px 1317px #FFF , 1087px 1514px #FFF , 1643px 17px #FFF , 1308px 441px #FFF , 1498px 878px #FFF , 874px 533px #FFF , 1246px 459px #FFF , 1422px 1530px #FFF , 1070px 200px #FFF , 199px 1945px #FFF , 1945px 1315px #FFF , 1912px 1927px #FFF , 1479px 370px #FFF , 483px 1379px #FFF , 1988px 1688px #FFF , 916px 458px #FFF , 1729px 737px #FFF , 741px 22px #FFF , 938px 1761px #FFF , 1188px 93px #FFF , 1959px 1662px #FFF , 1437px 332px #FFF , 699px 1223px #FFF , 993px 801px #FFF , 1716px 651px #FFF , 998px 1990px #FFF , 398px 1932px #FFF , 818px 1948px #FFF , 1551px 1429px #FFF , 1809px 1461px #FFF , 672px 141px #FFF , 3px 1507px #FFF , 890px 1751px #FFF , 1880px 1335px #FFF , 339px 341px #FFF , 1236px 274px #FFF , 113px 1918px #FFF , 98px 1372px #FFF , 1124px 1883px #FFF , 855px 949px #FFF , 1692px 501px #FFF , 1929px 1043px #FFF , 1916px 1033px #FFF , 608px 1093px #FFF , 1854px 40px #FFF , 928px 400px #FFF , 1661px 228px #FFF , 1747px 491px #FFF , 1429px 1210px #FFF , 1406px 1867px #FFF , 1877px 1379px #FFF , 1523px 986px #FFF , 844px 537px #FFF , 1873px 1876px #FFF , 1454px 1534px #FFF , 1952px 174px #FFF , 257px 218px #FFF , 1182px 553px #FFF , 905px 1649px #FFF , 1855px 12px #FFF , 1279px 1582px #FFF , 1519px 1657px #FFF , 1472px 1360px #FFF , 31px 1689px #FFF , 745px 857px #FFF , 492px 761px #FFF , 560px 371px #FFF , 622px 329px #FFF , 1679px 1033px #FFF , 291px 1078px #FFF , 924px 1451px #FFF , 1105px 733px #FFF , 79px 1003px #FFF , 114px 1713px #FFF , 1207px 1632px #FFF , 848px 1840px #FFF , 1420px 818px #FFF , 786px 1964px #FFF , 1207px 837px #FFF , 1780px 1759px #FFF , 1800px 1422px #FFF , 709px 796px #FFF , 888px 118px #FFF , 744px 1215px #FFF , 555px 101px #FFF , 1925px 565px #FFF , 323px 132px #FFF , 363px 1944px #FFF , 627px 1018px #FFF , 986px 1666px #FFF , 245px 729px #FFF , 208px 1608px #FFF , 927px 1635px #FFF , 718px 577px #FFF , 1821px 732px #FFF , 623px 1654px #FFF , 851px 787px #FFF , 1215px 621px #FFF , 435px 1760px #FFF , 1897px 533px #FFF , 1344px 1137px #FFF , 512px 1663px #FFF , 655px 79px #FFF , 1031px 1152px #FFF , 212px 1650px #FFF , 704px 1689px #FFF , 1074px 1992px #FFF , 1883px 203px #FFF , 623px 1101px #FFF , 45px 838px #FFF , 1505px 723px #FFF , 20px 1135px #FFF , 1413px 1107px #FFF , 1906px 824px #FFF , 663px 1020px #FFF , 1781px 995px #FFF , 1314px 761px #FFF , 819px 610px #FFF , 635px 1297px #FFF , 763px 955px #FFF , 1397px 1898px #FFF , 1200px 277px #FFF , 1918px 1432px #FFF , 917px 650px #FFF , 923px 496px #FFF , 1549px 590px #FFF , 564px 1138px #FFF , 1967px 1423px #FFF , 121px 1848px #FFF , 236px 799px #FFF , 1695px 982px #FFF , 908px 835px #FFF , 1992px 333px #FFF , 1158px 1957px #FFF , 1864px 375px #FFF , 744px 75px #FFF , 511px 249px #FFF , 1668px 758px #FFF , 1228px 759px #FFF , 104px 1103px #FFF , 36px 1642px #FFF , 846px 853px #FFF , 1455px 654px #FFF , 1886px 381px #FFF , 1278px 1003px #FFF , 1554px 1260px #FFF , 1255px 1916px #FFF , 1967px 275px #FFF , 205px 1451px #FFF , 477px 522px #FFF , 1623px 411px #FFF , 1280px 1253px #FFF , 1787px 1549px #FFF , 1092px 1095px #FFF , 141px 527px #FFF , 940px 1471px #FFF , 1100px 1219px #FFF , 1273px 921px #FFF , 616px 140px #FFF , 148px 1303px #FFF , 24px 225px #FFF , 659px 1075px #FFF , 431px 1361px #FFF , 1125px 203px #FFF , 664px 1908px #FFF , 1499px 609px #FFF , 22px 94px #FFF , 1540px 656px #FFF , 1739px 1193px #FFF , 1856px 684px #FFF , 1736px 155px #FFF , 1811px 844px #FFF , 1166px 1495px #FFF , 831px 1217px #FFF , 1123px 1643px #FFF , 1232px 507px #FFF , 282px 1438px #FFF , 875px 742px #FFF , 1269px 405px #FFF , 249px 1085px #FFF , 237px 1447px #FFF , 910px 443px #FFF , 1418px 38px #FFF , 853px 206px #FFF , 86px 1188px #FFF , 227px 1871px #FFF , 655px 145px #FFF , 742px 380px #FFF , 735px 1348px #FFF , 1452px 1289px #FFF , 723px 435px #FFF , 500px 1136px #FFF , 627px 73px #FFF , 1902px 906px #FFF , 207px 649px #FFF , 1472px 133px #FFF , 1859px 1026px #FFF , 1363px 89px #FFF , 431px 751px #FFF , 1143px 126px #FFF , 1655px 1924px #FFF , 1624px 266px #FFF , 1592px 1083px #FFF , 53px 978px #FFF , 1381px 969px #FFF , 827px 940px #FFF , 1888px 127px #FFF , 1141px 345px #FFF , 1216px 1056px #FFF , 30px 1367px #FFF , 405px 1386px #FFF , 1603px 1993px #FFF , 1394px 1705px #FFF , 426px 1538px #FFF , 1764px 1741px #FFF , 614px 1922px #FFF , 782px 1804px #FFF , 160px 1px #FFF , 1751px 480px #FFF , 921px 1424px #FFF , 486px 419px #FFF , 1851px 1200px #FFF , 750px 1988px #FFF , 1060px 1071px #FFF , 1504px 592px #FFF , 1644px 1719px #FFF , 543px 1756px #FFF , 1532px 1032px #FFF , 207px 1635px #FFF , 928px 63px #FFF , 1453px 1305px #FFF , 561px 346px #FFF , 1783px 1737px #FFF , 309px 874px #FFF , 939px 1905px #FFF , 1928px 1076px #FFF , 1982px 1299px #FFF , 491px 1460px #FFF , 1854px 1405px #FFF , 1137px 1202px #FFF , 98px 888px #FFF , 1271px 1572px #FFF , 32px 1428px #FFF , 894px 1827px #FFF , 1791px 665px #FFF , 748px 1265px #FFF , 665px 1774px #FFF , 105px 1607px #FFF , 513px 703px #FFF , 1794px 1966px #FFF , 1117px 12px #FFF , 844px 1469px #FFF , 564px 111px #FFF , 1416px 312px #FFF , 24px 439px #FFF , 695px 1787px #FFF , 913px 37px #FFF , 1501px 616px #FFF , 1137px 1610px #FFF , 853px 813px #FFF , 929px 747px #FFF , 187px 919px #FFF , 1017px 1093px #FFF , 1579px 714px #FFF , 1044px 1148px #FFF , 1165px 457px #FFF , 1883px 1369px #FFF , 1128px 1452px #FFF , 1063px 1374px #FFF , 1825px 796px #FFF , 993px 1065px #FFF , 293px 1766px #FFF , 1876px 412px #FFF , 162px 407px #FFF , 958px 1873px #FFF , 207px 241px #FFF , 1138px 130px #FFF , 1176px 1004px #FFF , 393px 1522px #FFF , 1678px 1935px #FFF , 1336px 1804px #FFF , 959px 1116px #FFF , 637px 1878px #FFF , 1874px 1785px #FFF , 1486px 907px #FFF , 1263px 1912px #FFF , 1220px 1807px #FFF , 922px 641px #FFF , 926px 305px #FFF , 1187px 1072px #FFF , 600px 977px #FFF , 714px 1697px #FFF , 354px 266px #FFF , 1850px 1628px #FFF , 1296px 1544px #FFF , 543px 588px #FFF , 456px 1673px #FFF , 1425px 1677px #FFF , 1703px 817px #FFF , 548px 533px #FFF , 868px 1939px #FFF , 1540px 283px #FFF , 1741px 1168px #FFF , 810px 425px #FFF , 1862px 1958px #FFF , 442px 1332px #FFF , 1449px 396px #FFF , 1136px 1119px #FFF , 139px 1022px #FFF , 210px 1398px #FFF , 70px 438px #FFF , 680px 1271px #FFF , 1px 345px #FFF , 763px 15px #FFF , 966px 1520px #FFF , 611px 908px #FFF , 53px 230px #FFF , 1177px 1764px #FFF , 543px 1739px #FFF , 552px 1625px #FFF , 428px 552px #FFF , 900px 358px #FFF , 1330px 1739px #FFF , 1379px 1180px #FFF , 1294px 706px #FFF , 600px 394px #FFF , 509px 805px #FFF , 1319px 1955px #FFF , 1602px 157px #FFF , 1063px 1195px #FFF , 1573px 1739px #FFF , 1085px 312px #FFF , 1548px 1114px #FFF , 279px 1222px #FFF , 1648px 1387px #FFF , 1589px 630px #FFF , 1598px 1361px #FFF , 721px 408px #FFF , 1891px 881px #FFF , 192px 1528px #FFF , 584px 1309px #FFF , 803px 811px #FFF , 56px 663px #FFF , 1693px 608px #FFF , 874px 1757px #FFF , 999px 900px #FFF , 1668px 898px #FFF , 139px 1475px #FFF , 1422px 987px #FFF , 1973px 396px #FFF , 1016px 293px #FFF , 1985px 606px #FFF , 37px 148px #FFF , 1176px 709px #FFF , 1032px 898px #FFF , 1785px 233px #FFF;
    animation: animStar 50s linear infinite;
  }
  #stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 126px 895px #FFF , 704px 494px #FFF , 1847px 1831px #FFF , 435px 813px #FFF , 1340px 1345px #FFF , 1265px 209px #FFF , 691px 965px #FFF , 356px 1629px #FFF , 1480px 944px #FFF , 488px 1758px #FFF , 257px 1966px #FFF , 1262px 913px #FFF , 1955px 151px #FFF , 570px 1693px #FFF , 370px 1532px #FFF , 107px 551px #FFF , 165px 1739px #FFF , 695px 475px #FFF , 456px 736px #FFF , 1166px 1836px #FFF , 128px 514px #FFF , 761px 147px #FFF , 235px 255px #FFF , 1277px 360px #FFF , 1169px 956px #FFF , 323px 1992px #FFF , 62px 1107px #FFF , 1361px 1340px #FFF , 1023px 1283px #FFF , 1639px 881px #FFF , 785px 499px #FFF , 890px 823px #FFF , 1012px 765px #FFF , 1047px 1605px #FFF , 1879px 1611px #FFF , 1086px 1699px #FFF , 1167px 1007px #FFF , 1229px 1498px #FFF , 1482px 1858px #FFF , 1809px 1952px #FFF , 1641px 1336px #FFF , 179px 1178px #FFF , 922px 1731px #FFF , 178px 680px #FFF , 1028px 700px #FFF , 1190px 1762px #FFF , 811px 1198px #FFF , 1313px 1728px #FFF , 1798px 750px #FFF , 473px 1075px #FFF , 909px 1171px #FFF , 82px 1244px #FFF , 1667px 381px #FFF , 338px 1270px #FFF , 1239px 667px #FFF , 1032px 779px #FFF , 1459px 989px #FFF , 1293px 1529px #FFF , 1280px 1697px #FFF , 1247px 1105px #FFF , 1444px 337px #FFF , 855px 499px #FFF , 1995px 816px #FFF , 1678px 124px #FFF , 964px 1454px #FFF , 1821px 1534px #FFF , 722px 196px #FFF , 311px 1260px #FFF , 978px 1696px #FFF , 1204px 1026px #FFF , 835px 1163px #FFF , 1552px 1359px #FFF , 1529px 691px #FFF , 1489px 1585px #FFF , 1143px 1692px #FFF , 1540px 1913px #FFF , 747px 272px #FFF , 1093px 416px #FFF , 1950px 810px #FFF , 1657px 333px #FFF , 1439px 873px #FFF , 51px 509px #FFF , 1655px 549px #FFF , 1334px 1683px #FFF , 1132px 1371px #FFF , 1253px 1741px #FFF , 646px 1281px #FFF , 1326px 736px #FFF , 1158px 923px #FFF , 1911px 297px #FFF , 1608px 225px #FFF , 836px 1631px #FFF , 487px 1078px #FFF , 1564px 905px #FFF , 886px 812px #FFF , 1881px 1710px #FFF , 170px 834px #FFF , 1712px 200px #FFF , 1688px 732px #FFF , 1303px 1311px #FFF , 1843px 248px #FFF , 1721px 275px #FFF , 1834px 1922px #FFF , 609px 1345px #FFF , 876px 868px #FFF , 1220px 1810px #FFF , 1257px 1361px #FFF , 1284px 1786px #FFF , 40px 208px #FFF , 674px 857px #FFF , 1075px 1463px #FFF , 1173px 1879px #FFF , 276px 335px #FFF , 1898px 630px #FFF , 352px 127px #FFF , 167px 1986px #FFF , 616px 325px #FFF , 1645px 115px #FFF , 1131px 246px #FFF , 2px 1751px #FFF , 333px 326px #FFF , 353px 1337px #FFF , 1603px 946px #FFF , 1314px 1323px #FFF , 1600px 1764px #FFF , 517px 305px #FFF , 137px 615px #FFF , 1579px 165px #FFF , 171px 226px #FFF , 389px 1607px #FFF , 837px 1599px #FFF , 1348px 991px #FFF , 1857px 1285px #FFF , 1083px 1245px #FFF , 1773px 64px #FFF , 1958px 1965px #FFF , 741px 457px #FFF , 1629px 306px #FFF , 176px 1410px #FFF , 1908px 761px #FFF , 1424px 622px #FFF , 33px 1266px #FFF , 1394px 218px #FFF , 31px 1384px #FFF , 1378px 371px #FFF , 1818px 8px #FFF , 636px 335px #FFF , 122px 595px #FFF , 1785px 373px #FFF , 1852px 631px #FFF , 490px 1844px #FFF , 1360px 606px #FFF , 1826px 1976px #FFF , 1119px 433px #FFF , 289px 277px #FFF , 651px 461px #FFF , 763px 975px #FFF , 84px 1382px #FFF , 1039px 599px #FFF , 163px 389px #FFF , 1297px 1532px #FFF , 872px 637px #FFF , 1799px 1025px #FFF , 1254px 1407px #FFF , 1506px 621px #FFF , 1260px 1783px #FFF , 202px 191px #FFF , 35px 795px #FFF , 99px 953px #FFF , 1861px 441px #FFF , 734px 137px #FFF , 1298px 885px #FFF , 1904px 1258px #FFF , 905px 535px #FFF , 920px 1696px #FFF , 74px 1460px #FFF , 1799px 1786px #FFF , 1862px 1951px #FFF , 561px 290px #FFF , 1117px 1789px #FFF , 487px 1884px #FFF , 1298px 59px #FFF , 1191px 1385px #FFF , 425px 1289px #FFF , 1372px 1283px #FFF , 1867px 1908px #FFF , 1222px 652px #FFF , 1768px 1204px #FFF , 265px 682px #FFF , 1625px 854px #FFF , 1824px 1167px #FFF , 144px 1761px #FFF , 315px 1053px #FFF , 713px 360px #FFF , 1592px 659px #FFF , 271px 7px #FFF , 461px 1096px #FFF , 531px 785px #FFF , 234px 62px #FFF , 1064px 1382px #FFF , 1318px 1662px #FFF , 44px 1388px #FFF , 1470px 697px #FFF , 774px 643px #FFF , 1970px 1667px #FFF , 455px 1418px #FFF , 147px 1616px #FFF , 1516px 1161px #FFF , 1485px 1331px #FFF , 1196px 156px #FFF , 1776px 192px #FFF , 1103px 1534px #FFF , 782px 1598px #FFF , 1180px 1850px #FFF , 1089px 918px #FFF , 535px 1846px #FFF , 1379px 1684px #FFF , 899px 1560px #FFF , 927px 1932px #FFF , 405px 1546px #FFF , 1867px 172px #FFF , 1321px 1967px #FFF , 1867px 294px #FFF , 713px 1995px #FFF , 393px 310px #FFF , 1749px 1096px #FFF , 1489px 1285px #FFF , 1160px 1267px #FFF , 646px 1966px #FFF , 1757px 1707px #FFF , 403px 516px #FFF , 333px 1069px #FFF , 433px 213px #FFF , 1513px 1292px #FFF , 603px 684px #FFF , 834px 755px #FFF , 21px 537px #FFF , 1811px 1083px #FFF , 847px 254px #FFF , 1728px 631px #FFF , 1069px 1017px #FFF , 1926px 1987px #FFF , 557px 1248px #FFF , 1348px 243px #FFF , 207px 1388px #FFF , 532px 542px #FFF , 1729px 208px #FFF , 430px 1020px #FFF , 1810px 1936px #FFF , 1033px 1020px #FFF , 866px 680px #FFF , 795px 546px #FFF , 1443px 1146px #FFF , 1300px 761px #FFF , 999px 103px #FFF , 571px 1231px #FFF , 1924px 702px #FFF , 459px 1629px #FFF , 624px 1490px #FFF , 862px 392px #FFF , 337px 584px #FFF , 1748px 317px #FFF , 1549px 569px #FFF , 1858px 303px #FFF , 1074px 826px #FFF , 23px 1137px #FFF , 1487px 528px #FFF , 1387px 912px #FFF , 49px 1169px #FFF , 1512px 1644px #FFF , 140px 400px #FFF , 1643px 734px #FFF , 1906px 594px #FFF , 1395px 679px #FFF , 1568px 1828px #FFF , 1031px 402px #FFF , 1843px 481px #FFF , 1191px 539px #FFF , 1559px 1833px #FFF , 1542px 196px #FFF , 1711px 173px #FFF , 1531px 1998px #FFF , 939px 1272px #FFF , 1657px 1997px #FFF , 564px 120px #FFF , 1146px 225px #FFF , 439px 567px #FFF , 621px 1510px #FFF , 315px 454px #FFF , 88px 134px #FFF , 1870px 1493px #FFF , 1017px 959px #FFF , 1786px 1307px #FFF , 738px 1903px #FFF , 975px 479px #FFF , 1612px 1962px #FFF , 249px 1671px #FFF , 1542px 1993px #FFF , 136px 1280px #FFF , 1878px 74px #FFF , 252px 1074px #FFF , 593px 134px #FFF , 562px 1526px #FFF , 72px 128px #FFF , 438px 412px #FFF , 1663px 1676px #FFF , 1899px 1509px #FFF , 1312px 54px #FFF , 1044px 38px #FFF , 1560px 899px #FFF , 1583px 1105px #FFF , 392px 456px #FFF , 519px 61px #FFF , 1186px 1557px #FFF , 1867px 1415px #FFF , 1501px 673px #FFF , 1433px 1487px #FFF , 1992px 611px #FFF , 518px 167px #FFF , 435px 1403px #FFF , 1867px 1189px #FFF , 1372px 57px #FFF , 20px 238px #FFF , 1151px 1203px #FFF , 1292px 355px #FFF , 850px 1037px #FFF , 1409px 1482px #FFF , 1363px 1832px #FFF , 1050px 909px #FFF , 816px 1595px #FFF , 423px 941px #FFF , 1740px 1095px #FFF , 101px 166px #FFF , 147px 981px #FFF , 232px 1737px #FFF , 277px 650px #FFF , 586px 1651px #FFF , 1870px 1075px #FFF , 1642px 870px #FFF , 165px 33px #FFF , 1044px 298px #FFF , 1204px 1350px #FFF , 1191px 430px #FFF , 1767px 253px #FFF , 40px 1317px #FFF , 1087px 1514px #FFF , 1643px 17px #FFF , 1308px 441px #FFF , 1498px 878px #FFF , 874px 533px #FFF , 1246px 459px #FFF , 1422px 1530px #FFF , 1070px 200px #FFF , 199px 1945px #FFF , 1945px 1315px #FFF , 1912px 1927px #FFF , 1479px 370px #FFF , 483px 1379px #FFF , 1988px 1688px #FFF , 916px 458px #FFF , 1729px 737px #FFF , 741px 22px #FFF , 938px 1761px #FFF , 1188px 93px #FFF , 1959px 1662px #FFF , 1437px 332px #FFF , 699px 1223px #FFF , 993px 801px #FFF , 1716px 651px #FFF , 998px 1990px #FFF , 398px 1932px #FFF , 818px 1948px #FFF , 1551px 1429px #FFF , 1809px 1461px #FFF , 672px 141px #FFF , 3px 1507px #FFF , 890px 1751px #FFF , 1880px 1335px #FFF , 339px 341px #FFF , 1236px 274px #FFF , 113px 1918px #FFF , 98px 1372px #FFF , 1124px 1883px #FFF , 855px 949px #FFF , 1692px 501px #FFF , 1929px 1043px #FFF , 1916px 1033px #FFF , 608px 1093px #FFF , 1854px 40px #FFF , 928px 400px #FFF , 1661px 228px #FFF , 1747px 491px #FFF , 1429px 1210px #FFF , 1406px 1867px #FFF , 1877px 1379px #FFF , 1523px 986px #FFF , 844px 537px #FFF , 1873px 1876px #FFF , 1454px 1534px #FFF , 1952px 174px #FFF , 257px 218px #FFF , 1182px 553px #FFF , 905px 1649px #FFF , 1855px 12px #FFF , 1279px 1582px #FFF , 1519px 1657px #FFF , 1472px 1360px #FFF , 31px 1689px #FFF , 745px 857px #FFF , 492px 761px #FFF , 560px 371px #FFF , 622px 329px #FFF , 1679px 1033px #FFF , 291px 1078px #FFF , 924px 1451px #FFF , 1105px 733px #FFF , 79px 1003px #FFF , 114px 1713px #FFF , 1207px 1632px #FFF , 848px 1840px #FFF , 1420px 818px #FFF , 786px 1964px #FFF , 1207px 837px #FFF , 1780px 1759px #FFF , 1800px 1422px #FFF , 709px 796px #FFF , 888px 118px #FFF , 744px 1215px #FFF , 555px 101px #FFF , 1925px 565px #FFF , 323px 132px #FFF , 363px 1944px #FFF , 627px 1018px #FFF , 986px 1666px #FFF , 245px 729px #FFF , 208px 1608px #FFF , 927px 1635px #FFF , 718px 577px #FFF , 1821px 732px #FFF , 623px 1654px #FFF , 851px 787px #FFF , 1215px 621px #FFF , 435px 1760px #FFF , 1897px 533px #FFF , 1344px 1137px #FFF , 512px 1663px #FFF , 655px 79px #FFF , 1031px 1152px #FFF , 212px 1650px #FFF , 704px 1689px #FFF , 1074px 1992px #FFF , 1883px 203px #FFF , 623px 1101px #FFF , 45px 838px #FFF , 1505px 723px #FFF , 20px 1135px #FFF , 1413px 1107px #FFF , 1906px 824px #FFF , 663px 1020px #FFF , 1781px 995px #FFF , 1314px 761px #FFF , 819px 610px #FFF , 635px 1297px #FFF , 763px 955px #FFF , 1397px 1898px #FFF , 1200px 277px #FFF , 1918px 1432px #FFF , 917px 650px #FFF , 923px 496px #FFF , 1549px 590px #FFF , 564px 1138px #FFF , 1967px 1423px #FFF , 121px 1848px #FFF , 236px 799px #FFF , 1695px 982px #FFF , 908px 835px #FFF , 1992px 333px #FFF , 1158px 1957px #FFF , 1864px 375px #FFF , 744px 75px #FFF , 511px 249px #FFF , 1668px 758px #FFF , 1228px 759px #FFF , 104px 1103px #FFF , 36px 1642px #FFF , 846px 853px #FFF , 1455px 654px #FFF , 1886px 381px #FFF , 1278px 1003px #FFF , 1554px 1260px #FFF , 1255px 1916px #FFF , 1967px 275px #FFF , 205px 1451px #FFF , 477px 522px #FFF , 1623px 411px #FFF , 1280px 1253px #FFF , 1787px 1549px #FFF , 1092px 1095px #FFF , 141px 527px #FFF , 940px 1471px #FFF , 1100px 1219px #FFF , 1273px 921px #FFF , 616px 140px #FFF , 148px 1303px #FFF , 24px 225px #FFF , 659px 1075px #FFF , 431px 1361px #FFF , 1125px 203px #FFF , 664px 1908px #FFF , 1499px 609px #FFF , 22px 94px #FFF , 1540px 656px #FFF , 1739px 1193px #FFF , 1856px 684px #FFF , 1736px 155px #FFF , 1811px 844px #FFF , 1166px 1495px #FFF , 831px 1217px #FFF , 1123px 1643px #FFF , 1232px 507px #FFF , 282px 1438px #FFF , 875px 742px #FFF , 1269px 405px #FFF , 249px 1085px #FFF , 237px 1447px #FFF , 910px 443px #FFF , 1418px 38px #FFF , 853px 206px #FFF , 86px 1188px #FFF , 227px 1871px #FFF , 655px 145px #FFF , 742px 380px #FFF , 735px 1348px #FFF , 1452px 1289px #FFF , 723px 435px #FFF , 500px 1136px #FFF , 627px 73px #FFF , 1902px 906px #FFF , 207px 649px #FFF , 1472px 133px #FFF , 1859px 1026px #FFF , 1363px 89px #FFF , 431px 751px #FFF , 1143px 126px #FFF , 1655px 1924px #FFF , 1624px 266px #FFF , 1592px 1083px #FFF , 53px 978px #FFF , 1381px 969px #FFF , 827px 940px #FFF , 1888px 127px #FFF , 1141px 345px #FFF , 1216px 1056px #FFF , 30px 1367px #FFF , 405px 1386px #FFF , 1603px 1993px #FFF , 1394px 1705px #FFF , 426px 1538px #FFF , 1764px 1741px #FFF , 614px 1922px #FFF , 782px 1804px #FFF , 160px 1px #FFF , 1751px 480px #FFF , 921px 1424px #FFF , 486px 419px #FFF , 1851px 1200px #FFF , 750px 1988px #FFF , 1060px 1071px #FFF , 1504px 592px #FFF , 1644px 1719px #FFF , 543px 1756px #FFF , 1532px 1032px #FFF , 207px 1635px #FFF , 928px 63px #FFF , 1453px 1305px #FFF , 561px 346px #FFF , 1783px 1737px #FFF , 309px 874px #FFF , 939px 1905px #FFF , 1928px 1076px #FFF , 1982px 1299px #FFF , 491px 1460px #FFF , 1854px 1405px #FFF , 1137px 1202px #FFF , 98px 888px #FFF , 1271px 1572px #FFF , 32px 1428px #FFF , 894px 1827px #FFF , 1791px 665px #FFF , 748px 1265px #FFF , 665px 1774px #FFF , 105px 1607px #FFF , 513px 703px #FFF , 1794px 1966px #FFF , 1117px 12px #FFF , 844px 1469px #FFF , 564px 111px #FFF , 1416px 312px #FFF , 24px 439px #FFF , 695px 1787px #FFF , 913px 37px #FFF , 1501px 616px #FFF , 1137px 1610px #FFF , 853px 813px #FFF , 929px 747px #FFF , 187px 919px #FFF , 1017px 1093px #FFF , 1579px 714px #FFF , 1044px 1148px #FFF , 1165px 457px #FFF , 1883px 1369px #FFF , 1128px 1452px #FFF , 1063px 1374px #FFF , 1825px 796px #FFF , 993px 1065px #FFF , 293px 1766px #FFF , 1876px 412px #FFF , 162px 407px #FFF , 958px 1873px #FFF , 207px 241px #FFF , 1138px 130px #FFF , 1176px 1004px #FFF , 393px 1522px #FFF , 1678px 1935px #FFF , 1336px 1804px #FFF , 959px 1116px #FFF , 637px 1878px #FFF , 1874px 1785px #FFF , 1486px 907px #FFF , 1263px 1912px #FFF , 1220px 1807px #FFF , 922px 641px #FFF , 926px 305px #FFF , 1187px 1072px #FFF , 600px 977px #FFF , 714px 1697px #FFF , 354px 266px #FFF , 1850px 1628px #FFF , 1296px 1544px #FFF , 543px 588px #FFF , 456px 1673px #FFF , 1425px 1677px #FFF , 1703px 817px #FFF , 548px 533px #FFF , 868px 1939px #FFF , 1540px 283px #FFF , 1741px 1168px #FFF , 810px 425px #FFF , 1862px 1958px #FFF , 442px 1332px #FFF , 1449px 396px #FFF , 1136px 1119px #FFF , 139px 1022px #FFF , 210px 1398px #FFF , 70px 438px #FFF , 680px 1271px #FFF , 1px 345px #FFF , 763px 15px #FFF , 966px 1520px #FFF , 611px 908px #FFF , 53px 230px #FFF , 1177px 1764px #FFF , 543px 1739px #FFF , 552px 1625px #FFF , 428px 552px #FFF , 900px 358px #FFF , 1330px 1739px #FFF , 1379px 1180px #FFF , 1294px 706px #FFF , 600px 394px #FFF , 509px 805px #FFF , 1319px 1955px #FFF , 1602px 157px #FFF , 1063px 1195px #FFF , 1573px 1739px #FFF , 1085px 312px #FFF , 1548px 1114px #FFF , 279px 1222px #FFF , 1648px 1387px #FFF , 1589px 630px #FFF , 1598px 1361px #FFF , 721px 408px #FFF , 1891px 881px #FFF , 192px 1528px #FFF , 584px 1309px #FFF , 803px 811px #FFF , 56px 663px #FFF , 1693px 608px #FFF , 874px 1757px #FFF , 999px 900px #FFF , 1668px 898px #FFF , 139px 1475px #FFF , 1422px 987px #FFF , 1973px 396px #FFF , 1016px 293px #FFF , 1985px 606px #FFF , 37px 148px #FFF , 1176px 709px #FFF , 1032px 898px #FFF , 1785px 233px #FFF;
  }
  
  #stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1948px 618px #FFF , 1791px 1231px #FFF , 1954px 695px #FFF , 1839px 205px #FFF , 1149px 1907px #FFF , 138px 1834px #FFF , 514px 1432px #FFF , 1185px 866px #FFF , 812px 1622px #FFF , 115px 1917px #FFF , 868px 1818px #FFF , 1960px 524px #FFF , 887px 913px #FFF , 1096px 1412px #FFF , 1922px 1570px #FFF , 1997px 599px #FFF , 332px 1770px #FFF , 1997px 1070px #FFF , 586px 77px #FFF , 787px 1567px #FFF , 461px 1885px #FFF , 205px 773px #FFF , 1986px 1001px #FFF , 549px 740px #FFF , 18px 1840px #FFF , 1616px 1670px #FFF , 715px 1774px #FFF , 1506px 752px #FFF , 1723px 1088px #FFF , 678px 1060px #FFF , 1762px 433px #FFF , 1254px 25px #FFF , 1935px 587px #FFF , 867px 1701px #FFF , 1367px 438px #FFF , 1431px 1123px #FFF , 1018px 1493px #FFF , 820px 38px #FFF , 1160px 215px #FFF , 483px 416px #FFF , 1323px 1284px #FFF , 1220px 66px #FFF , 1639px 1386px #FFF , 424px 1385px #FFF , 1441px 1524px #FFF , 1546px 743px #FFF , 1706px 373px #FFF , 341px 1652px #FFF , 763px 1596px #FFF , 360px 1254px #FFF , 1704px 1054px #FFF , 498px 855px #FFF , 95px 420px #FFF , 1948px 836px #FFF , 1682px 1478px #FFF , 1533px 931px #FFF , 1954px 53px #FFF , 1506px 1927px #FFF , 1232px 1647px #FFF , 1419px 229px #FFF , 866px 1027px #FFF , 1230px 1596px #FFF , 193px 1456px #FFF , 1571px 890px #FFF , 183px 1046px #FFF , 588px 1573px #FFF , 879px 1005px #FFF , 946px 1456px #FFF , 1692px 177px #FFF , 488px 1680px #FFF , 572px 1178px #FFF , 715px 956px #FFF , 1224px 777px #FFF , 1337px 502px #FFF , 1289px 809px #FFF , 1495px 535px #FFF , 1908px 1578px #FFF , 926px 1591px #FFF , 1142px 248px #FFF , 368px 338px #FFF , 484px 1506px #FFF , 1069px 1222px #FFF , 98px 210px #FFF , 964px 57px #FFF , 1354px 398px #FFF , 1624px 112px #FFF , 195px 1531px #FFF , 539px 1141px #FFF , 1677px 750px #FFF , 1615px 1598px #FFF , 1526px 54px #FFF , 228px 80px #FFF , 1751px 279px #FFF , 894px 1298px #FFF , 1708px 1921px #FFF , 1843px 128px #FFF , 1758px 1690px #FFF , 1879px 524px #FFF , 1635px 921px #FFF , 830px 1564px #FFF , 490px 1221px #FFF , 1917px 114px #FFF , 1501px 1160px #FFF , 613px 1880px #FFF , 1128px 1172px #FFF , 712px 867px #FFF , 995px 802px #FFF , 1002px 1655px #FFF , 955px 164px #FFF , 233px 1790px #FFF , 1297px 1020px #FFF , 865px 1333px #FFF , 903px 1099px #FFF , 1545px 242px #FFF , 1869px 897px #FFF , 948px 1631px #FFF , 1974px 587px #FFF , 48px 454px #FFF , 1024px 1313px #FFF , 887px 135px #FFF , 959px 1199px #FFF , 799px 250px #FFF , 927px 1944px #FFF , 1050px 35px #FFF , 242px 1526px #FFF , 493px 530px #FFF , 359px 363px #FFF , 353px 1669px #FFF , 1793px 1851px #FFF , 1582px 988px #FFF , 811px 119px #FFF , 966px 434px #FFF , 391px 694px #FFF , 1244px 850px #FFF , 798px 1888px #FFF , 414px 775px #FFF , 287px 1684px #FFF , 1127px 850px #FFF , 1973px 1004px #FFF , 1769px 838px #FFF , 956px 1209px #FFF , 621px 406px #FFF , 543px 270px #FFF , 579px 977px #FFF , 1733px 622px #FFF , 1848px 1742px #FFF , 118px 994px #FFF , 1133px 1766px #FFF , 225px 567px #FFF , 95px 538px #FFF , 1291px 1348px #FFF , 1523px 1228px #FFF , 1023px 1265px #FFF , 396px 278px #FFF , 1428px 468px #FFF , 168px 1968px #FFF , 1891px 112px #FFF , 1623px 906px #FFF , 1702px 1465px #FFF , 1682px 1783px #FFF , 1989px 726px #FFF , 440px 19px #FFF , 1006px 429px #FFF , 614px 69px #FFF , 189px 1651px #FFF , 1442px 4px #FFF , 1255px 1948px #FFF , 94px 743px #FFF , 732px 416px #FFF , 1014px 1909px #FFF , 405px 317px #FFF , 636px 910px #FFF , 1035px 1223px #FFF , 757px 268px #FFF , 540px 1225px #FFF , 797px 1268px #FFF , 709px 1482px #FFF , 1280px 794px #FFF , 1840px 154px #FFF , 1710px 529px #FFF , 1051px 1160px #FFF , 1395px 138px #FFF , 1113px 1216px #FFF , 799px 81px #FFF , 1335px 1850px #FFF , 932px 1217px #FFF , 818px 37px #FFF , 33px 1912px #FFF , 876px 164px #FFF , 509px 981px #FFF , 973px 1294px #FFF , 1473px 247px #FFF , 1396px 1986px #FFF , 1232px 417px #FFF , 16px 214px #FFF , 150px 551px #FFF , 1758px 1697px #FFF , 1146px 657px #FFF , 813px 495px #FFF , 1851px 89px #FFF;
    animation: animStar 100s linear infinite;
  }
  #stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1948px 618px #FFF , 1791px 1231px #FFF , 1954px 695px #FFF , 1839px 205px #FFF , 1149px 1907px #FFF , 138px 1834px #FFF , 514px 1432px #FFF , 1185px 866px #FFF , 812px 1622px #FFF , 115px 1917px #FFF , 868px 1818px #FFF , 1960px 524px #FFF , 887px 913px #FFF , 1096px 1412px #FFF , 1922px 1570px #FFF , 1997px 599px #FFF , 332px 1770px #FFF , 1997px 1070px #FFF , 586px 77px #FFF , 787px 1567px #FFF , 461px 1885px #FFF , 205px 773px #FFF , 1986px 1001px #FFF , 549px 740px #FFF , 18px 1840px #FFF , 1616px 1670px #FFF , 715px 1774px #FFF , 1506px 752px #FFF , 1723px 1088px #FFF , 678px 1060px #FFF , 1762px 433px #FFF , 1254px 25px #FFF , 1935px 587px #FFF , 867px 1701px #FFF , 1367px 438px #FFF , 1431px 1123px #FFF , 1018px 1493px #FFF , 820px 38px #FFF , 1160px 215px #FFF , 483px 416px #FFF , 1323px 1284px #FFF , 1220px 66px #FFF , 1639px 1386px #FFF , 424px 1385px #FFF , 1441px 1524px #FFF , 1546px 743px #FFF , 1706px 373px #FFF , 341px 1652px #FFF , 763px 1596px #FFF , 360px 1254px #FFF , 1704px 1054px #FFF , 498px 855px #FFF , 95px 420px #FFF , 1948px 836px #FFF , 1682px 1478px #FFF , 1533px 931px #FFF , 1954px 53px #FFF , 1506px 1927px #FFF , 1232px 1647px #FFF , 1419px 229px #FFF , 866px 1027px #FFF , 1230px 1596px #FFF , 193px 1456px #FFF , 1571px 890px #FFF , 183px 1046px #FFF , 588px 1573px #FFF , 879px 1005px #FFF , 946px 1456px #FFF , 1692px 177px #FFF , 488px 1680px #FFF , 572px 1178px #FFF , 715px 956px #FFF , 1224px 777px #FFF , 1337px 502px #FFF , 1289px 809px #FFF , 1495px 535px #FFF , 1908px 1578px #FFF , 926px 1591px #FFF , 1142px 248px #FFF , 368px 338px #FFF , 484px 1506px #FFF , 1069px 1222px #FFF , 98px 210px #FFF , 964px 57px #FFF , 1354px 398px #FFF , 1624px 112px #FFF , 195px 1531px #FFF , 539px 1141px #FFF , 1677px 750px #FFF , 1615px 1598px #FFF , 1526px 54px #FFF , 228px 80px #FFF , 1751px 279px #FFF , 894px 1298px #FFF , 1708px 1921px #FFF , 1843px 128px #FFF , 1758px 1690px #FFF , 1879px 524px #FFF , 1635px 921px #FFF , 830px 1564px #FFF , 490px 1221px #FFF , 1917px 114px #FFF , 1501px 1160px #FFF , 613px 1880px #FFF , 1128px 1172px #FFF , 712px 867px #FFF , 995px 802px #FFF , 1002px 1655px #FFF , 955px 164px #FFF , 233px 1790px #FFF , 1297px 1020px #FFF , 865px 1333px #FFF , 903px 1099px #FFF , 1545px 242px #FFF , 1869px 897px #FFF , 948px 1631px #FFF , 1974px 587px #FFF , 48px 454px #FFF , 1024px 1313px #FFF , 887px 135px #FFF , 959px 1199px #FFF , 799px 250px #FFF , 927px 1944px #FFF , 1050px 35px #FFF , 242px 1526px #FFF , 493px 530px #FFF , 359px 363px #FFF , 353px 1669px #FFF , 1793px 1851px #FFF , 1582px 988px #FFF , 811px 119px #FFF , 966px 434px #FFF , 391px 694px #FFF , 1244px 850px #FFF , 798px 1888px #FFF , 414px 775px #FFF , 287px 1684px #FFF , 1127px 850px #FFF , 1973px 1004px #FFF , 1769px 838px #FFF , 956px 1209px #FFF , 621px 406px #FFF , 543px 270px #FFF , 579px 977px #FFF , 1733px 622px #FFF , 1848px 1742px #FFF , 118px 994px #FFF , 1133px 1766px #FFF , 225px 567px #FFF , 95px 538px #FFF , 1291px 1348px #FFF , 1523px 1228px #FFF , 1023px 1265px #FFF , 396px 278px #FFF , 1428px 468px #FFF , 168px 1968px #FFF , 1891px 112px #FFF , 1623px 906px #FFF , 1702px 1465px #FFF , 1682px 1783px #FFF , 1989px 726px #FFF , 440px 19px #FFF , 1006px 429px #FFF , 614px 69px #FFF , 189px 1651px #FFF , 1442px 4px #FFF , 1255px 1948px #FFF , 94px 743px #FFF , 732px 416px #FFF , 1014px 1909px #FFF , 405px 317px #FFF , 636px 910px #FFF , 1035px 1223px #FFF , 757px 268px #FFF , 540px 1225px #FFF , 797px 1268px #FFF , 709px 1482px #FFF , 1280px 794px #FFF , 1840px 154px #FFF , 1710px 529px #FFF , 1051px 1160px #FFF , 1395px 138px #FFF , 1113px 1216px #FFF , 799px 81px #FFF , 1335px 1850px #FFF , 932px 1217px #FFF , 818px 37px #FFF , 33px 1912px #FFF , 876px 164px #FFF , 509px 981px #FFF , 973px 1294px #FFF , 1473px 247px #FFF , 1396px 1986px #FFF , 1232px 417px #FFF , 16px 214px #FFF , 150px 551px #FFF , 1758px 1697px #FFF , 1146px 657px #FFF , 813px 495px #FFF , 1851px 89px #FFF;
  }
  
  #stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 422px 1089px #FFF , 408px 404px #FFF , 1082px 238px #FFF , 1480px 1007px #FFF , 200px 1677px #FFF , 410px 314px #FFF , 277px 1044px #FFF , 176px 140px #FFF , 1537px 1729px #FFF , 1846px 801px #FFF , 430px 1469px #FFF , 1736px 1801px #FFF , 1423px 432px #FFF , 114px 892px #FFF , 1876px 1319px #FFF , 793px 1636px #FFF , 566px 1743px #FFF , 817px 1959px #FFF , 459px 1408px #FFF , 209px 74px #FFF , 713px 587px #FFF , 24px 1808px #FFF , 659px 800px #FFF , 752px 1197px #FFF , 1397px 321px #FFF , 714px 1782px #FFF , 56px 1607px #FFF , 1210px 1982px #FFF , 521px 1983px #FFF , 793px 419px #FFF , 1395px 921px #FFF , 1999px 84px #FFF , 407px 1431px #FFF , 431px 1817px #FFF , 1754px 1849px #FFF , 867px 1149px #FFF , 516px 1229px #FFF , 1574px 1700px #FFF , 93px 94px #FFF , 1399px 1195px #FFF , 1382px 1192px #FFF , 716px 1260px #FFF , 561px 1545px #FFF , 1277px 1664px #FFF , 1019px 679px #FFF , 273px 1460px #FFF , 218px 1926px #FFF , 698px 1184px #FFF , 1247px 695px #FFF , 979px 1551px #FFF , 950px 655px #FFF , 358px 601px #FFF , 71px 1854px #FFF , 241px 435px #FFF , 1525px 300px #FFF , 779px 704px #FFF , 357px 966px #FFF , 1395px 924px #FFF , 1552px 1991px #FFF , 1491px 1614px #FFF , 1328px 1332px #FFF , 1147px 957px #FFF , 732px 342px #FFF , 1673px 438px #FFF , 1638px 1813px #FFF , 1851px 581px #FFF , 111px 1202px #FFF , 1043px 1159px #FFF , 1030px 651px #FFF , 458px 645px #FFF , 1538px 817px #FFF , 1692px 1670px #FFF , 690px 1355px #FFF , 12px 819px #FFF , 1101px 1071px #FFF , 987px 1392px #FFF , 944px 1070px #FFF , 256px 849px #FFF , 1370px 1083px #FFF , 1363px 888px #FFF , 32px 284px #FFF , 781px 793px #FFF , 323px 1813px #FFF , 1796px 856px #FFF , 1106px 1270px #FFF , 852px 698px #FFF , 1166px 1264px #FFF , 8px 428px #FFF , 787px 1853px #FFF , 944px 878px #FFF , 1014px 1129px #FFF , 580px 265px #FFF , 1006px 1818px #FFF , 1606px 434px #FFF , 51px 1749px #FFF , 898px 631px #FFF , 191px 602px #FFF , 628px 1841px #FFF , 1901px 903px #FFF , 1351px 996px #FFF;
    animation: animStar 150s linear infinite;
  }
  #stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 422px 1089px #FFF , 408px 404px #FFF , 1082px 238px #FFF , 1480px 1007px #FFF , 200px 1677px #FFF , 410px 314px #FFF , 277px 1044px #FFF , 176px 140px #FFF , 1537px 1729px #FFF , 1846px 801px #FFF , 430px 1469px #FFF , 1736px 1801px #FFF , 1423px 432px #FFF , 114px 892px #FFF , 1876px 1319px #FFF , 793px 1636px #FFF , 566px 1743px #FFF , 817px 1959px #FFF , 459px 1408px #FFF , 209px 74px #FFF , 713px 587px #FFF , 24px 1808px #FFF , 659px 800px #FFF , 752px 1197px #FFF , 1397px 321px #FFF , 714px 1782px #FFF , 56px 1607px #FFF , 1210px 1982px #FFF , 521px 1983px #FFF , 793px 419px #FFF , 1395px 921px #FFF , 1999px 84px #FFF , 407px 1431px #FFF , 431px 1817px #FFF , 1754px 1849px #FFF , 867px 1149px #FFF , 516px 1229px #FFF , 1574px 1700px #FFF , 93px 94px #FFF , 1399px 1195px #FFF , 1382px 1192px #FFF , 716px 1260px #FFF , 561px 1545px #FFF , 1277px 1664px #FFF , 1019px 679px #FFF , 273px 1460px #FFF , 218px 1926px #FFF , 698px 1184px #FFF , 1247px 695px #FFF , 979px 1551px #FFF , 950px 655px #FFF , 358px 601px #FFF , 71px 1854px #FFF , 241px 435px #FFF , 1525px 300px #FFF , 779px 704px #FFF , 357px 966px #FFF , 1395px 924px #FFF , 1552px 1991px #FFF , 1491px 1614px #FFF , 1328px 1332px #FFF , 1147px 957px #FFF , 732px 342px #FFF , 1673px 438px #FFF , 1638px 1813px #FFF , 1851px 581px #FFF , 111px 1202px #FFF , 1043px 1159px #FFF , 1030px 651px #FFF , 458px 645px #FFF , 1538px 817px #FFF , 1692px 1670px #FFF , 690px 1355px #FFF , 12px 819px #FFF , 1101px 1071px #FFF , 987px 1392px #FFF , 944px 1070px #FFF , 256px 849px #FFF , 1370px 1083px #FFF , 1363px 888px #FFF , 32px 284px #FFF , 781px 793px #FFF , 323px 1813px #FFF , 1796px 856px #FFF , 1106px 1270px #FFF , 852px 698px #FFF , 1166px 1264px #FFF , 8px 428px #FFF , 787px 1853px #FFF , 944px 878px #FFF , 1014px 1129px #FFF , 580px 265px #FFF , 1006px 1818px #FFF , 1606px 434px #FFF , 51px 1749px #FFF , 898px 631px #FFF , 191px 602px #FFF , 628px 1841px #FFF , 1901px 903px #FFF , 1351px 996px #FFF;
  }
  

  
  @keyframes animStar {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-2000px);
    }
  }
  


 
  .LeftRightContainer { 
     width: 100%;
     min-width: 100%;
    display: flex;

  }
  
  .LeftContain {
    align-self: flex-start;
    vertical-align: bottom;

  }
  
  .RightContain {
    align-self: flex-start;
    margin-left: auto;
    text-align: right;
     
  }
  .LeftContainX {
    align-self: flex-start;
    margin-top: 0.2em; 
  }
  
  .RightContainX {
    align-self: flex-start;
    margin-left: auto;
    text-align: right;
    margin-top: -1.3em; 
  }

  
  .RightContainXY {
    display: flex;
    justify-content: flex-end;
  }
  
  .ralignY {
    margin-left: auto; /* Push the element to the right */
    cursor: pointer;
  }

  .noDot {
    list-style-type: none;
    font-size: 19px; 
  }



#left0 {
    width: 100%;
  
  }

#screenNote {
    color:  var(--text-color);

}


#containerG {
  width: 84.5%;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 10000;
  position: absolute;

  
}

#containerH {
  display: flex;
  justify-content: space-between;
  width: 100%;
 min-height: 100vh;
  overflow-x: hidden; 

}

.leftr {

  border: 0;


}

.rightr {
 padding-right: 50px!important;


}

#syftrDiv1, #syftrDiv2 {
border: 0;
border-color: #04040400;
  width: 90%;
 height: 85vh;


 overflow-y: auto;
 caret-color: red!important;



  text-align: left;
  margin-top: 20px;

  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-left: 30px;
 
  padding-top: 20px;





  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;

}

.box {
  flex: 1;
  background-color: transparent; /* Just for visualization */
  overflow-y: auto;
height: 60%!important;
color: var(--edit-color);
padding-bottom: 40px;
caret-color: red!important;
padding-top: 45px;
}




#chomp {
  height: 60px;
}

.leftalgn {
  align-content: left;
  align-items: left;
  
}

.paddingLeft {
  padding-left: 20px;
}

#gameArea {
  padding-top: 30px !important;
  border-bottom: 0px;

}

.gami {

  border-top: 1px solid #000000!important;
}

.gam {
  border-top: 0px !important;
  
}

#fD, #weekD {
  cursor: pointer;
  font-size: 16px!important;
}

#brd {
    margin-left: 10px;
          
  }







 [title] {
  transition-delay: 0.3s; 
  font-weight: 600;
  color: var(--text-color);
  padding: 8px 8px;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important; 
  transform: translateY(100%)!important;
  animation: fadeInUp 0.3s ease forwards!important;
  animation-delay: 0.3s!important;
}

[title]:hover {
  content: attr(title);

  color: var(--text-color2);
  background-color: transparent;
  border: 0px;

  padding: 8px 3px 8px 8px;
  margin-top: 30px !important;
  cursor: pointer;
 

}



[title]:hover:after {
    content: attr(title);
  
  
    padding: 8px 10px 8px 10px;
    cursor: pointer;
    transition: attr(title) 0.3s ease!important; 
    transition: content 0.3s ease!important; 
    transition: padding 0.3s ease!important; 
  }







.standardB[title] {
  text-decoration: none;
  content: attr(title);
  font-size: 18px;

  color: var(--text-color);

  padding: 5px 9px;
  margin-left: 8px;
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important; 

  align-items: center;
  justify-content: center;  
}

.standardB[title]:hover {
  content: attr(title);
  font-size: 18px;
  color: var(--edit-color);
  background-color: transparent;
  padding: 5px 9px;
  cursor: pointer;
  border: 0px solid #0c0c0c00;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important; 
 
  align-items: center;
  justify-content: center; 
}

.selectedB[title] {
  text-decoration: none;
  content: attr(title);
  font-size: 18px;
  color: var(--text-color2);
  border: 0px solid #00000000;
  padding: 5px 9px;
  margin-left: 8px;
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important; 

  align-items: center;
  justify-content: center;  
}



.selectedB[title]:hover {
  content: attr(title);
  font-size: 18px;
  color: var(--edit-color2);

  padding: 5px 9px;
  cursor: pointer;
  border: 1px solid #0c0c0c00;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important;  
  transition-delay: 0.3s; 

  align-items: center;
  justify-content: center; 
}

.standardBflip[title]:hover {
  content: attr(title);
  font-size: 22px;
  color: var(--text-color2);
  background-color: transparent;
  padding: 8px 3px 8px 8px;
  cursor: pointer;
  border: 0px solid #0c0c0c00;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important;  
}

.standardBflip[title] {
  text-decoration: none;
  content: attr(title);
  font-size: 22px;
  color: var(--text-color2);

  background-color: transparent;
  padding: 8px 8px;
  margin-left: 8px;
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important;  
}




.logoB[title] {
  text-decoration: none;
  content: attr(title);
  font-size: 20px;
  color: var(--text-color);

  padding: 8px 8px;
  margin-left: 8px;
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important;  
}

.logoB[title]:hover {
    content: attr(title);
    font-size: 20px;
    color: var(--text-color);
    background-color: black;
    padding: 8px 3px 8px 8px;
    cursor: pointer;
    border: 1px solid #0c0c0c!important;
    transition: attr(title) 0.3s ease!important; 
    transition: content 0.3s ease!important; 
    transition: padding 0.3s ease!important;  
  }

  .playB[title] {
    text-decoration: none;
    content: attr(title);
    font-size: 20px;
    color:  var(--text-color1);
  
    padding: 8px 8px;
    margin-left: 8px;
    cursor: pointer;
    transition: attr(title) 0.3s ease!important; 
    transition: content 0.3s ease!important; 
    transition: padding 0.3s ease!important;  
  }
  
  .playB[title]:hover {
      content: attr(title);
      font-size: 20px;
      color: var(--text-color2);
   
      padding: 8px 3px 8px 8px;
      cursor: pointer;
      border: 0px;
      transition: attr(title) 0.3s ease!important; 
      transition: content 0.3s ease!important; 
      transition: padding 0.3s ease!important;  
    }





.folderOpen[title] {
  text-decoration: none;
  content: attr(title);
  font-size: 18px;
  color: var(--text-color);
  background-color: rgba(251, 194, 194, 0);
  border: 0px solid #00000000;
  border-bottom: 3px solid var(--text-color2);;
  padding: 8px 8px;
  margin-left: 8px;
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important; 
   
}

.folderOpen[title]:hover {
  content: attr(title);
  font-size: 18px;
  color: var(--text-color);
 
  padding: 8px 8px 8px 8px;
  cursor: pointer;
  background-color: rgba(251, 194, 194, 0);
  border: 0px solid #00000000;
  border-bottom: 3px solid var(--text-color2)!important;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important;  
  transition-delay: 0.3s;
  
}
.folderClosed[title] {
    text-decoration: none;
    content: attr(title);
    font-size: 18px;
    color: var(--text-color);
    background-color: rgba(251, 194, 194, 0);
    border: 0px solid #00000000;
    border-bottom: 3px solid var(--text-color);
    padding: 8px 8px;
    margin-left: 8px;
    cursor: pointer;
    transition: attr(title) 0.3s ease!important; 
    transition: content 0.3s ease!important; 
    transition: padding 0.3s ease!important; 
     
  }
  
  .folderClosed[title]:hover {
    content: attr(title);
    font-size: 18px;
    color: var(--text-color);
   
    padding: 8px 8px 8px 8px;
    cursor: pointer;
    background-color: rgba(251, 194, 194, 0);
    border: 0px solid #00000000;
    border-bottom: 3px solid var(--text-color2)!important;
    transition: attr(title) 0.3s ease!important; 
    transition: content 0.3s ease!important; 
    transition: padding 0.3s ease!important;  
    transition-delay: 0.3s;
    
  }


#brd {
    color: var(--text-color);
}



.edge {

  color: var(--text-color2);
 
}
.edge1 {
  font-size: 12px;
  color: var(--text-color);
}


.statBox1 {


text-decoration: none;
content: attr(title);
font-size: 18px;
color: var(--text-color);
font-weight: 800;
padding: 8px 8px;
margin-left: 8px;
cursor: pointer;
}

.statBox2 {
  height: 100px!important;
  width: 400px;
overflow: scroll;
text-decoration: none;
position: relative;
font-size: 14px;
color: var(--text-color);
display: inline-block;
padding: 8px 8px;
border: 0; /* Removes all borders */
border-top: 1px solid #fff;
cursor: pointer;
text-align: right;
}


#adStat, #stat {
  text-align:center;
}

.pin {
    font-size: 24px;
}

.point {
  cursor: pointer;

}

.promo[title] {
  text-decoration: none;
  content: attr(title);
  font-size: 15px;
  color: rgb(255, 255, 255);
  background-color: transparent;
  transition: padding 0.3s ease!important;  
  padding:8px 16px;
  margin-left: 8px;
  font-weight: 600;
  border: 0px;
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  border-radius: 50%; 

}



#docTitler {
  color: red;
}

.docS {
  color: var(--text-color);
}
.docD {
  color: var(--text-color2);
}
.docS2 {
  color: var(--text-color2);

}


.docCs[title] {
  content: attr(title);
  font-size: 12px;
  color: var(--text-color);
  background-color: rgba(251, 194, 194, 0);
  border: 0px solid #00000000;

  padding: 8px 8px 8px 8px;
  margin-top: 30px !important;
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important;  

}




.docCr[title] {
  content: attr(title);
  font-size: 14px;
  color: var(--text-color);
  background-color: rgba(251, 194, 194, 0);
  border: 0px solid #00000000;

  padding: 8px 8px 8px 8px;
  margin-top: 30px !important;
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important;  

}

.gameBt[title] {
  text-decoration: none;
  content: attr(title);
  font-size: 18px;
  color: var(--text-color);
  background-color:rgba(237, 237, 237, 0);
  transition: padding 0.3s ease!important;  
  padding:11px 15px;
  margin-left: 8px;
  font-weight: 600;
  border: 2px solid rgba(237, 237, 237, 0);
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  border-radius: 50%; 
}


.gameBt[title]:hover {
  content: attr(title);
  font-size: 18px;
  color: var(--text-color);
  background-color: rgba(255, 255, 255, 0);
  border: 2px solid rgba(255, 255, 255, 0);
  padding:11px 15px;
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important;  
  border-radius: 0%; 
}


.advancedBred[title] {
  text-decoration: none;
  content: attr(title);

  padding-top: 30px!important;
  padding-right: 10px!important; 
padding-left: 10px!important; 
padding-bottom: 10px!important;
color: #44911B!important;

  transition: padding 0.3s ease!important;  

 
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  border-radius: 50%; 
}


.advancedBred[title]:hover {
  content: attr(title);
  padding-top: 30px!important;
  padding-right: 10px!important; 
padding-left: 10px!important; 
padding-bottom: 10px!important;
color: #44911B!important;


  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important;  
  border-radius: 0%; 
}

.gameB[title] {
  text-decoration: none;
  content: attr(title);
  font-size: 18px;
  color: var(--text-color);
  background-color: transparent;
  transition: padding 0.3s ease!important;  
  padding: 11px 14px;
  margin-left: 8px;
  font-weight: 600;
  border: 2px solid #ffffff00;
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  border-radius: 50%; 
}


.gameB[title]:hover {
  content: attr(title);
  font-size: 18px;
  color: var(--text-color);
  background-color: transparent;

  padding:11px 14px;
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important;  
  border-radius: 0%; 
}

.promo[title]:hover {
  content: attr(title);
  font-size: 15px;
  color: var(--text-color)!important;
  background-color: rgba(255, 255, 255, 0)!important;
  border: 0px solid rgba(255, 255, 255, 0)!important;
  padding:13px 22px;
  cursor: pointer;
  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important;  
  border-radius: 0%; 
}


#syftrDiv1, #syftrDiv2[contenteditable="plaintext-only"]:focus {
    outline: 0px solid transparent;
    background-color: transparent;
    color: var(--edit-color);


}
#syftrDiv1, #syftrDiv2[contenteditable="plaintext-only"] {
    outline: 0px solid transparent;
    background-color: transparent;
    color: var(--edit-color);


}



#right0[contenteditable="true"]:focus {
  outline: 5px solid  var(--border-color);
  background-color: var(--visun-color)!important;
  color: var(--edit-color);
}

#right0[contenteditable="true"] {
  outline: 1px solid   var(--border-color);
  background-color: rgba(255, 255, 255, 0);
  color: var(--edit-color);
}




.mainDocumentDiva[contenteditable="plaintext-only"] {
  outline: 5px solid var(--border-color);
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  color: var(--edit-color);
  background-color: var(--visun-color)!important;
  border: 0px solid #000000;
  height: 60px;
  overflow-y: auto;
  overflow-x: scroll;
  padding-top: 45px !important;
  padding-bottom: 40px !important;
  display: flex;
  flex-direction: column;
  line-height: normal;
  position: relative;
  caret-color: red;
  width: 100%;
}

.mainDocumentDiva[contenteditable="plaintext-only"]:focus {
    outline: 5px solid var(--border-color);
    background-color: var(--vis-color)!important;
    color: var(--edit-color);
  
  }

  .mainDocumentDivb[contenteditable="plaintext-only"] {
    color: var(--edit-color);
    border: 0px;
    overflow-y: scroll;
    line-height: 2;
    padding-top: 85px !important;
    padding-bottom: 300px !important;
    padding-left: 55px !important;
    padding-right: 40px !important;
    outline: 0px solid rgba(255, 255, 255, 0);
    caret-color: red;

    width: 75%;  
    text-align: left;
    background-color: rgba(255, 255, 255, 0);
    height: 90%;
    width: 100%;
  }
  
  .mainDocumentDivb[contenteditable="plaintext-only"]:focus {
    outline: 0px solid transparent;
    background-color: transparent;
   color: var(--edit-color);

    
    }


#editorDocTitle {
  margin-left: 50px;
  font-weight: 900;
}




.logo {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  padding-top: 30px !important;
  padding-bottom: 0px !important;
}

.icons {
  font-size: 18px;

}

.horizontal-list li {
  display: inline-block;
  text-decoration: none !important;

}
.horizontal-list ul {

  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

a {
  text-decoration: none;
  color: #040404;
}

.tabname {
  color: #fb0303;

  margin-left: 10px;
  font-size: 18px;
}

.docN {
  color: #000000;
  font-size: 16px;
}

.tabnamex {
  color: #040404 !important;
  font-size: 13px !important;
  font-weight: 100;
  font-style: italic;
}


.docs {

  font-size: 20px;
}

#tabbut {
 
  font-size: 20px;

}


.settings {
  font-size: 22px
}

ol {
  list-style-type: decimal-leading-zero;
}

.font20px {
  font-size: 20px !important;

}

.settingsX {
  font-size: 18px !important;

}

.time {
  font-size: 22px;
  color: #fd0404;
}

.emoji {
  cursor: pointer;
}

.toggleoff {
  cursor: pointer;
  text-decoration: underline;
  color: #fd0404;
  font-size: 18px
}

.toggleon {
  cursor: pointer;
  text-decoration: underline;
  color: #04bf04;
  font-size: 18px
}

.toggleb {
  cursor: pointer;
  color: #ff0404;
  font-size: 18px
}

.togglemoji {
  cursor: pointer;
  font-size: 18px
}

#popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 20px;
  height: 100%;
  background-color: black;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999999999;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#popup button {
  padding:15px;
  width: 200px;
  background-color: black;
  color: white;
  font-size: 20px;
  border-color: white;
  margin-bottom: 40px;
}

#popup-inner {
  width: 80%;
  max-width: 600px;
  background-color: white;
  border-radius: 5px;
  padding: 20px;
  text-align: center;
}

#popup-inner h2 {
  margin-top: 0;
}

#popup-inner label {
  display: block;
  margin-bottom: 10px;
}

#popup-inner input[type="radio"] {
  margin-right: 10px;
}

#popup-inner button {
  margin-top: 20px;
}

#appaccess {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Make the container take full viewport height */
  width: 100vw; /* Make the container take full viewport width */

}

#projSettings {
  background-color: #99999930!important;
  padding: 30px;
}

#globalSettings {
  background-color: #99999930!important;
  padding: 30px;
}

.front {
  text-align: center; /* Center the text within the content div */
}

#toggleButton {
  padding: 10px;
  width: 300px;
  text-align: center;
}

#div0 {
  padding-top: 10px !important;
  margin-bottom: 0px !important;
  padding-bottom: 8px !important;
  border: 0px!important;

}

#liSt, #liSt2, #liSt0 {

  padding-left: 35px !important;
  padding-right: 80px !important;
}

#liSt, #liSt2, #liSt0 ul {
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#liSt, #liSt2, #liSt0 li {
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-indent: 0 !important;
  font-size: 19px; 

}



#right0 ul {

  color: var(--edit-color);
  padding: 0px;
}



.rightAlign {
  float: right;
}

#nameArea {
  display: flex;
  align-items: center;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin-top: 20px !important;
  margin-bottom: 0px !important;
}

#menuArea {
  vertical-align: top !important;
  padding-top: 10px !important;
  padding-bottom: 0px !important;
  margin-top: 20px !important;
  margin-bottom: 0px !important;
  border: 0px solid #ffffff00;
}

.red {
  color: #fd0404 !important;
}



.boxesLeftTop {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-left: 20px;
  padding-right: 30px;
  padding-top: 0px;
  padding-bottom: 10px;



  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
 margin-bottom: 10px;
}

.boxesLeftBot {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;

  padding-left: 10px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
 

  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;

 
}

.boxesLeft {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 0px;
  padding-bottom: 0px;
 


  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
 
}

.boxesLeft0 {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 20px;
  padding-bottom: 10px;


  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
 
}

#containerW {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: transparent;
  z-index: 2;

}

#containerX {
  display: flex;
  top: 20;
  background-color: transparent !important;
  width: 95%;
}

.shell {

  height: 95%;

  background-color: rgb(255, 255, 255, 0);
  width: 73%;

  position:fixed;
  z-index: 999000;
  top: 0;
  left: 0;
  text-align: right;

}

#help {
  align-items: center;
  align-self: center;
   padding: 100px;
 
 
   width:50%;
   height: 80vh;
   overflow-y: scroll;
   overflow-x: auto;
 }

#promo {
 align-items: center;
 align-self: center;
  padding: 100px;


  width:80%;
  height: 80vh;
  overflow-y: scroll;
  overflow-x: auto;
}




#promo a, #help a {
  text-decoration: underline !important;
  color: red;
}

#topright {
  position: fixed;
  z-index: 100000000000000000000000000000000000000000;
 top: 10px;
 right: 20px;
  font-size: 18px!important;
  color: var(--text-color);
 cursor: pointer;

}
#topleft {
  position: fixed;
  z-index: 100000000000000000000000000000000000000000;
 top: 0px;
left: 0px;
padding: 15px;
padding-right:30px;
  font-size: 20px!important;
  color: var(--text-color);
 cursor: pointer;
 align-items: center; 
 background-color:  var(--visun-color);

 border:   0px solid #000!important;

 border-bottom-right-radius: 25px;

}
#topleftmenu {
  position: fixed;
  z-index: 100000000000000000000000000000000000000000;
 top: 0px;
left: 20px;
  font-size: 15px!important;
  color: var(--text-color);
 cursor: pointer;
 padding-top:10px;


}

#bottomright {
  position: fixed;
  z-index: 100000000000000000000000000000000000000000;
 bottom: 10px;
 right: 20px;
  font-size: 18px!important;
  color: var(--text-color);
 cursor: pointer;

}
#bottomleft {
  position: fixed;
  z-index: 100000000000000000000000000000000000000000;
 bottom: 10px;
left: 20px;
  font-size: 18px!important;
  color: var(--text-color);
 cursor: pointer;

}
#bottomleft2 {
  position: fixed;
  z-index: 100000000000000000000000000000000000000000;
 bottom: 10px;
left: 20px;
  font-size: 18px!important;
  color: var(--text-color);
 cursor: pointer;

}

.vis {
  visibility: hidden;
}

.charDiv {
  display: flex;
}
.character {
  color: var(--text-color2);
  margin-right: 10px; /* Adjust the spacing between characters */
  cursor: pointer;
  font-size: 19px;
}



.boldlogo {
  font-size: 25px!important;
}


.topper[title]:hover {
  content: attr(title);

  color: var(--text-color);
  background-color: transparent;
  padding: 8px 3px 8px 8px;
  cursor: pointer;

  transition: attr(title) 0.3s ease!important; 
  transition: content 0.3s ease!important; 
  transition: padding 0.3s ease!important;  
  transition-delay: 0.3s; 
}
#left0 {
  width: 74.5%;
  float: left;
  position: relative; /* Add this to make it a positioning context for its children */

}

/* Style for topright0 */
#topright0 {
  position: absolute;
  top: 0px;
  right: 21%;
  height: 60px;
padding-top: 20px!important;
}

#tr0 {
    font-size: 17px!important;
  background-color:  var(--visun-color);
  color:   var(--vis-color);
  padding-right: 28px!important; 
  padding-left: 10px!important; 
  padding-bottom: 18px!important; 
  padding-top: 40px!important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
 
}


#tr1 {
  padding-top: 20px!important;
  padding-right: 5px!important; 
padding-left: 5px!important; 
padding-bottom: 8px!important;
  margin-right:20px!important;
  font-size: 20px!important;
background-color: #F9C23C00;
color:  var(--text-color2);


border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}

#gHide7 {
  margin-top: 30px!important;
}

#gHideX {
  margin-top: 15px!important;
  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%; /* Adjust as needed */
}

#statsOpen {
  margin-top: 15px!important;
  display: flex;
  justify-content: left;
  align-items: left;

  width: 100%; /* Adjust as needed */
}

.linea {

  margin:10;
  padding: 9px;
  padding-top:11px;
  border:   0px solid #000!important;
  border-radius: 5px;

  background: radial-gradient(ellipse at bottom, rgba(202, 198, 198, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);

}
.lineb {

  margin:10;
  padding: 9px;
  padding-top:11px;
  border:   0px solid #000!important;
  border-radius: 5px;

  background: radial-gradient(ellipse at bottom, rgba(202, 198, 198, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);

}
.line2 {

  padding: 9px;
  border:   0px solid #000!important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: radial-gradient(ellipse at bottom, rgba(202, 198, 198, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);

}
.linec {
margin:10;
  padding: 9px;
  border:   0px solid #000!important;
  border-radius: 5px;

  background: var(--visun-color);

}
.line3 {
 
 
  padding-top:18px;

  border:   0px solid #000!important;

}

/* Style for bottomright0 */
#bottomright0 {
  position: absolute;
z-index:100000000000000000000000000;
  bottom: 30px;
  right: 21%;
}


@media (min-width: 1100px) {
  #screenNote {
    display: none;

  }

  #left0 {
    width: 74.5%;
    float: left;

  }
}

@media (min-width: 900px) and (max-width: 1100px) {
  #screenNote {
    display: none;

  }

  #left0 {
    width: 72%;

    float: left;

  }
}
@media (max-width: 900px) {
  #screenNote {
    display: none;

  }

  #left0 {
    width: 72%;

    float: left;
  }
}

#right0 {

  text-align: left;
  float: right;
  width: 17%;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  text-align: left;
  padding-left: 5px;
  padding-right: 20px;
  padding-top: 5vh;
  padding-bottom: 5.1vh;
 

  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: var(--edit-color);

  top: -1px;
  height: 90vh;
  right: -1px;
  bottom: -3px;
  overflow-y: scroll;
  overflow-x: scroll;
  position: fixed;
}

.hidden {
  display: none !important;
}
.gone {
  visibility: none !important;
}

.txt {
  color: rgb(5, 5, 5);
  text-decoration: underline;

}

.Y {

  display: flex;

  justify-content: center;
  align-items: center;
  font-weight: 600;
  padding-top: 22px!important;
  padding-bottom: 22px!important;
  margin-top: 20px!important;
  margin-bottom: 0px!important;
}

.X {
  
  display: flex;

  justify-content: center;
  align-items: center;
  font-weight: 600;
  padding-top: 10px!important;
  padding-bottom: 0px!important;
  margin-top: 0px!important;
  margin-bottom: 0px!important;
}

.Z {
  
  display: flex;

  justify-content: center;
  align-items: center;
  font-weight: 600;
  padding-top: 3px!important;
  padding-bottom: 3px!important;
  margin-top: 3px!important;
  margin-bottom: 3px!important;
}

#frontStat {

  display: flex;
 
  justify-content: left;
  align-items: left;
  font-weight: 600;
  padding-top: 22px!important;
  padding-bottom: 22px!important;
  margin-top: 20px!important;
  margin-bottom: 0px!important;
}

.lif {
  width: 100%;
}









html {
  scroll-behavior: smooth;
}

section {
  scroll-margin-top: 100px;
}

/* Set the width and height of the scrollbar */
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

/* Set the background color for the scrollbar track */
::-webkit-scrollbar-track {
  background:  rgba(221, 255, 0, 0)!important;
}

/* Set the background color and border radius for the scrollbar thumb */
::-webkit-scrollbar-thumb {
  background: #ff000000;
  border-radius: 0px;
}

/* Optional: Customize the div scrollbar appearance */
#mainDocumentDiv::-webkit-scrollbar {
  width: 4px;
  height: 0px;
}

#mainDocumentDiv::-webkit-scrollbar-track {
  background:  rgba(221, 255, 0, 0)!important;
}

#mainDocumentDiv::-webkit-scrollbar-thumb {
  background: #070707;
  border-radius: 4px;
}


.internal {
  margin: 100px;
  margin-right: 150px!important;
}

#timpom {
  background-color:  var(--visun-color);
  color:   var(--vis-color);
  padding: 8px;
  padding-bottom:10px;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}



select {
  cursor: pointer;
  padding: 2px;
  border: 0px solid #ccc;
  border-radius: 2px;
  background-color: #fff;
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}