/**************************************************************************************************
    
    Font definitions 

**************************************************************************************************/

@font-face {
    font-family: Roboto Condensed;
    src: url(../webfonts/RobotoCondensed-Regular.ttf)
    color: #282c45;
}
@font-face {
    font-family: Lato;
    src: url(../webfonts/Lato-Regular.ttf)
    color: #282c45;
}


/**************************************************************************************************
    
    Base styles
    
**************************************************************************************************/


h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
    text-transform: uppercase;
    font-family: CaviarDreams, Roboto Condensed, serif; 
    font-weight: bold;
    color:#999696;
}

h1 {
	color: white;
	font-family: CaviarDreams, Roboto Condensed, serif; 
	
}  
.dropdown-menu{
	color: white;
}

.glow{
	font-family: CaviarDreams, Roboto Condensed, serif; 
	Color: white;
	animation: glow 1s ease-in-out infinite alternate;
}

h1 a, h2 a, h3 a, h4 a, h5 a,
a.h1, a.h2, a.h3, a.h4, a.h5 {
    color: #999696;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover,
a.h1:hover, a.h2:hover, a.h3:hover, a.h4:hover, a.h5:hover {
    color: #bbbbbb;
    text-decoration: none;
}

link {
    color:#999696;
}

a {
    color:#8f8ff2;
}

a.display-trait:hover {
    color: white;
}

.navbar-light .navbar-nav .nav-link {
	color: #898888;
}

.dropdown-item:focus,.dropdown-item:hover{
	color: white;
}

.btn-light:hover {
	color: none;
}

a:hover {
    color: #6e6b6b;
    text-decoration: none;
	animation: glow 1s ease-in-out infinite alternate;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    animation: glow 1s ease-in-out infinite alternate;
}

.navbar-item {
	color: white;
}

.bg-dark {
    background-color: #33344a!important;
	box-shadow: 12px 7px 10px 5px rgba(0,0,0,0.2);
}
.bg-secondary {
    background-color: #33344a!important;
}

body {
    background-color: transparent;
    font-family: Lato, sans-serif; 
    min-height: 100vh;
    font-size: 80%;
    color: #898888;
}

.frontpagecol2, .frontpagecol3 {
	background-color: #212230;
}

.frontpagecol1 {
    background-image: linear-gradient(to bottom,#212230, #33344a);
}

.dropdown-menu  {
	min-width: 200px;
	background-color: #33344a;
	
}

.multi-column-dropdown {
       text-transform: uppercase;
       font-family: CaviarDreams, Roboto Condensed, serif;
       text-align:center
       
}

.li-title {
	padding: 5px 15px;
	font-weight: 300;
}

.multi-column-dropdown li a {
	color: #9b9ba8;
	background-color: none;
    font-family: CaviarDreams, Condensed, serif;
}
.multi-column-dropdown li a:hover {
	background-color: none;
}

.ulinks a:hover {
    color: 	none!important;
    text-decoration: none;
}

.dropdown-item {
	color: #9b9ba8;
	background-color: none;
}

.dropdown-item li a:hover {
	text-decoration: none;
	animation: glow 1s ease-in-out infinite alternate;
}

.card {
	background-color: #212230;
}

/**************************************************************************************************
    
    Layout
    
**************************************************************************************************/

/**
#app {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #1a1919;
    
} */

main {
    flex-grow: 1;
    display: flex;
}

main > .row {
    flex-grow: 1;
}

.main-content {
    background-color: #33344a;
    box-shadow: 10px 5px 6px 3px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
}

/* Header */

/* #header { background-image: url('/files/headers/header_background_Halloween1.png'); */ 
#header { background-image: url('/files/headers/header_background_Christmas.png');
  background-repeat: no-repeat;
   min-height: 220px;
   background-size: cover;
}

.site-header-image {
    /*background-color: #eee;*/
    background-repeat: no-repeat;
    min-height: 200px;
	background-size: cover;
}

.sidebar .sidebar-header,
.sidebar .sidebar-section .sidebar-section-header {
    text-transform: uppercase;
    font-family: Roboto Condensed, serif; 
    font-weight: bold;
    color: #999696;
}

.navbar, .navbar .nav-item {
    text-transform: uppercase;
    font-family: CaviarDreams, Roboto Condensed, serif;
    font-size:	13px;
}

.navbar-brand {
    font-family: CaviarDreams, AmaticSC, serif; 
	text-transform: uppercase;
	font-size: 22px;
	animation: glow 1s ease-in-out infinite alternate;
}

.nav-link:hover {
	color: white;
}


@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #8600e6, 0 0 40px #8600e6, 0 0 50px #8600e6, 0 0 60px #8600e6, 0 0 70px #8600e6;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #8e4dff, 0 0 40px #8e4dff, 0 0 50px #8e4dff, 0 0 60px #8e4dff, 0 0 70px #8e4dff, 0 0 80px #8e4dff;
  }
}

/*Sidebars */

.sidebar ul li {
    background-color: #2a2b3d;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    margin-bottom: 1em;
    padding: 0.4em 0;
    
    box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.1);
}

.sidebar .sidebar-header {
    background-color: #282c45;
    color: #757474;
}

.sidebar .sidebar-header a {
    color:#757474;
}
.sidebar .sidebar-header a:hover {
    background-color: transparent;
    color: #757474;
} 

.sidebar a,
.sidebar-section-header {
    display: block;
    padding: 0.1em 1em;
	font-size: 12px;
}

.sidebar a {
    text-transform: uppercase;
    font-family: Roboto Condensed, serif;
    color: #757474;
}
.sidebar a:hover {
    color: #16181b;
    background-color: #4b4d52;
}


@media (max-width: 991px) {
        .sidebar {
              background-color: #1a1919;
        }
        
        .sidebar ul li {
              background-color: #2a2b3d;
        }
}

/**************************************************************************************************
    
    Content
    
**************************************************************************************************/

.spoiler-toggle { 
     background-color: #212230;
}

.nav-tabs .nav-link.active {
    background-color: transparent;
    color:#999696;
}


.nav-tabs .nav-link {
    text-transform: uppercase;
    font-family: Roboto Condensed, serif;
}

.help-icon {
    /*vertical-align: middle;*/
    cursor: pointer;
    margin: 0 5px;
    color: rgba(0,0,0,0.3);
}

.breadcrumb {
    background-color: transparent;
    padding: 0;
    font-family: Roboto Condensed, serif;
    text-transform: uppercase;
    align-items: center;
    
}
.breadcrumb a {
    color:#999696;;
}
.breadcrumb a:hover {
    color: #6e6b6b;
    text-decoration: none;
}

.collapse-title:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 0.425em;
    border: 0.3em solid rgba(0,0,0,0.3);
    border-color: rgba(0,0,0,0.3) transparent transparent transparent;
}

.spoiler {
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    margin-bottom: 1rem;
    background: transparent;
    margin-top: 0px;
}
.spoiler-toggle {
    font-weight: bold;
    
    cursor: pointer;
    padding: .3rem 1.25rem;
    font-size: .9rem;
    font-family: Roboto Condensed, serif;
    color: inherit;
    text-transform: uppercase;
}
.spoiler-text {
    padding: .75rem 1.25rem;
    border-top: 1px solid rgba(0,0,0,0.1);
}

/* BROWSE ****************************************************************************************/

.sortable .handle {
    color: #33344a;
}

.img-thumbnail {

	border: 0px solid #545a60;
	animation: glow 1s ease-in-out infinite alternate;
}

.user-characters .category-selected .character-item {
	background-color: rgba(255,255,255,0.15);
	border-radius: .25rem;
}
.user-characters .character-item {
	background-color: rgba(1,1,1,0.1);
	border-radius: .25rem;
}


/* FORMS AND BUTTONS AND STUFF *******************************************************************/



.page-link {
	z-index: 1;
	color: #999696;
	background-color: #33344a;
}
.page-item.active .page-link {
	color: #bbb6b6;
	background-color: #5c5cd1;
}
.page-item.disabled .page-link {
	color: #999696;
	background-color: transparent;
}

.form-control {
	color: #999696;
	background-color: #212230;
}

.btn-primary {
	color: #fff;
	background-color: #5c5cd1;
	animation: glow 1s ease-in-out infinite alternate;
	border: 1px solid #ced4da;
}

.btn-primary:hover  {
	color: #fff;
	background-color: #6767f0;
	animation: glow 1s ease-in-out infinite alternate;
	border: 1px solid #ced4da;
}

.btn-outline-info {
	color: #6767f0;
	background-color: transparent;
	border: 1px solid #6767f0;
}

/*TEXT EDITOR TEST*/
.tox-tinymce {
	color: #999696;
	background-color: #353333;
}

/* LOGS ******************************************************************************************/
tr.inflow {
    background-color: #333533;
}
tr.outflow {
    background-color: #353333;
}

/* PROFILE ***************************************************************************************/

.character-bio .nav-tabs.card-header-tabs .active {
    background-color: #4e5861;
	color: #999696;
}

card mb-3 {
    color: #4e5861;
	background-color: #212230;
}

.list-group-item {
	color: #999696;
	background-color: #1e1f2b;
}

/* CHARACTERS ************************************************************************************/

.image-nav .nav-item a.active {
    border: 5px solid #ddd;
    background-color: #4e5861;
    color: #4e5861;
}

.site-footer .copyright {
    padding: 0 1rem 1rem;
    color: #4e5861;
}

.profile-assets-card .card-body {
    display: flex;
    flex-direction: coloumn;
    color: #4e5861;
}

/* INVENTORY *************************************************************************************/

.inventory-stack-name {
	color: #999696;
}


.badge-info
{
	color: #093394;
}

/* Speciesimages *************************************************************************************/

.world-entry-image_iconpage{
	color: #778899;
}
/**
.dropdownimage{
         background-color:#757474;
		   border-radius: 10px;
}


/* Star BG *************************************************************************************/


#app {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  background: radial-gradient(ellipse at bottom, #323587 0%, #090a0f 150%);
  overflow: hidden;
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 164px 985px #FFF , 637px 1861px #FFF , 1503px 664px #FFF , 2000px 1401px #FFF , 1142px 1866px #FFF , 695px 342px #FFF , 1374px 907px #FFF , 187px 1047px #FFF , 1403px 1927px #FFF , 1776px 1627px #FFF , 781px 860px #FFF , 1673px 1104px #FFF , 194px 1102px #FFF , 1599px 1910px #FFF , 1591px 967px #FFF , 1041px 1760px #FFF , 1609px 1481px #FFF , 1711px 1906px #FFF , 1992px 1031px #FFF , 1901px 537px #FFF , 457px 256px #FFF , 1429px 1257px #FFF , 128px 60px #FFF , 1408px 1202px #FFF , 558px 714px #FFF , 1782px 467px #FFF , 346px 198px #FFF , 990px 69px #FFF , 1576px 1199px #FFF , 101px 780px #FFF , 834px 861px #FFF , 1135px 1357px #FFF , 312px 564px #FFF , 1113px 350px #FFF , 1351px 461px #FFF , 1821px 575px #FFF , 795px 1628px #FFF , 338px 1240px #FFF , 325px 1775px #FFF , 737px 1844px #FFF , 496px 569px #FFF , 47px 1283px #FFF , 1476px 834px #FFF , 506px 188px #FFF , 931px 555px #FFF , 31px 426px #FFF , 964px 966px #FFF , 451px 1156px #FFF , 436px 1801px #FFF , 1157px 1976px #FFF , 194px 927px #FFF , 275px 549px #FFF , 921px 927px #FFF , 122px 394px #FFF , 1998px 1727px #FFF ,1445px 1584px #FFF , 1489px 1206px #FFF , 1350px 884px #FFF , 576px 796px #FFF , 1027px 1451px #FFF , 1411px 958px #FFF , 447px 215px #FFF , 1235px 536px #FFF , 715px 1035px #FFF , 1545px 1580px #FFF , 940px 215px #FFF , 584px 838px #FFF , 1992px 1445px #FFF , 959px 1688px #FFF , 306px 106px #FFF , 1661px 75px #FFF , 1539px 26px #FFF , 1805px 179px #FFF , 1657px 1960px #FFF , 1249px 807px #FFF , 1336px 1042px #FFF , 1689px 427px #FFF , 649px 896px #FFF , 1429px 1724px #FFF , 1540px 942px #FFF , 1565px 1183px #FFF , 1240px 683px #FFF , 1059px 1994px #FFF , 111px 830px #FFF , 1959px 495px #FFF , 1007px 1440px #FFF , 1220px 148px #FFF , 645px 257px #FFF , 1541px 1294px #FFF , 573px 682px #FFF , 1473px 1334px #FFF , 1377px 1784px #FFF , 1744px 359px #FFF , 1821px 1979px #FFF , 770px 368px #FFF , 1340px 1973px #FFF , 1304px 1400px #FFF , 964px 1087px #FFF , 100px 1930px #FFF , 715px 1116px #FFF , 482px 570px #FFF , 352px 1018px #FFF , 698px 120px #FFF , 1856px 681px #FFF , 1591px 1346px #FFF , 238px 1492px #FFF , 1493px 655px #FFF , 1745px 572px #FFF , 1636px 911px #FFF , 1584px 159px #FFF , 1469px 1621px #FFF , 1792px 1971px #FFF , 377px 1796px #FFF , 1993px 1536px #FFF , 707px 515px #FFF , 38px 107px #FFF , 1742px 747px #FFF , 765px 943px #FFF , 745px 1446px #FFF , 1531px 21px #FFF , 1688px 1488px #FFF , 1084px 1847px #FFF , 1549px 569px #FFF , 698px 325px #FFF , 901px 1809px #FFF , 627px 618px #FFF , 697px 963px #FFF , 1966px 935px #FFF , 769px 1225px #FFF , 1671px 237px #FFF , 1325px 1503px #FFF , 1642px 1588px #FFF , 1952px 1285px #FFF , 1454px 247px #FFF , 1051px 290px #FFF , 1335px 1601px #FFF , 1771px 1386px #FFF , 1382px 79px #FFF , 53px 1831px #FFF , 355px 718px #FFF , 1550px 1875px #FFF , 948px 32px #FFF , 1792px 1613px #FFF , 87px 1982px #FFF , 1734px 1699px #FFF , 361px 883px #FFF , 1375px 334px #FFF , 956px 898px #FFF , 1076px 1872px #FFF , 258px 580px #FFF , 1362px 1865px #FFF , 553px 1144px #FFF , 604px 190px #FFF , 120px 96px #FFF , 1735px 193px #FFF , 1214px 1282px #FFF , 16px 1688px #FFF , 1511px 395px #FFF , 1871px 1949px #FFF , 1679px 856px #FFF , 1433px 1950px #FFF , 1143px 1085px #FFF , 1032px 570px #FFF , 1075px 1677px #FFF , 887px 983px #FFF , 1203px 157px #FFF , 165px 436px #FFF , 741px 501px #FFF , 1884px 693px #FFF , 277px 1607px #FFF , 1907px 1441px #FFF , 1825px 225px #FFF , 320px 565px #FFF , 884px 362px #FFF , 1297px 1188px #FFF , 347px 1084px #FFF , 446px 799px #FFF , 1961px 408px #FFF , 1185px 1473px #FFF , 1406px 1339px #FFF , 1666px 243px #FFF , 1376px 1122px #FFF , 612px 1981px #FFF , 1556px 707px #FFF , 930px 1277px #FFF , 440px 690px #FFF , 729px 302px #FFF , 225px 1504px #FFF , 115px 609px #FFF , 795px 956px #FFF , 297px 1021px #FFF , 1290px 652px #FFF , 454px 1002px #FFF , 1056px 1494px #FFF , 769px 1311px #FFF , 1860px 1554px #FFF , 1398px 1059px #FFF , 439px 1352px #FFF , 1905px 1842px #FFF , 1354px 483px #FFF , 1523px 1086px #FFF , 1618px 198px #FFF , 1566px 98px #FFF , 1324px 173px #FFF , 395px 1086px #FFF , 1820px 98px #FFF , 1390px 1615px #FFF , 926px 1474px #FFF , 836px 241px #FFF , 509px 1673px #FFF , 869px 1778px #FFF , 1366px 329px #FFF , 267px 703px #FFF , 635px 1194px #FFF , 1846px 1479px #FFF , 1257px 384px #FFF , 454px 845px #FFF , 1007px 1286px #FFF , 972px 1595px #FFF , 1509px 1366px #FFF , 1487px 875px #FFF , 1929px 123px #FFF , 1282px 897px #FFF , 129px 67px #FFF , 1995px 99px #FFF , 46px 1532px #FFF , 758px 379px #FFF , 1395px 1682px #FFF , 1719px 617px #FFF , 1430px 181px #FFF , 302px 1713px #FFF , 564px 1777px #FFF , 421px 1950px #FFF , 30px 1870px #FFF , 151px 1878px #FFF , 1439px 334px #FFF , 418px 946px #FFF , 1784px 92px #FFF , 102px 973px #FFF , 291px 1457px #FFF , 1862px 48px #FFF , 995px 157px #FFF , 54px 1773px #FFF , 393px 175px #FFF , 101px 133px #FFF , 844px 378px #FFF , 533px 1929px #FFF , 433px 1426px #FFF , 1019px 1939px #FFF , 1331px 1133px #FFF , 1785px 232px #FFF , 1077px 352px #FFF , 1945px 1445px #FFF , 963px 653px #FFF , 1768px 1598px #FFF , 68px 1201px #FFF , 632px 439px #FFF , 788px 1706px #FFF , 428px 1981px #FFF , 958px 853px #FFF , 1230px 1401px #FFF , 655px 691px #FFF , 1656px 1532px #FFF , 1190px 1294px #FFF , 1996px 1874px #FFF , 1259px 1813px #FFF , 1041px 253px #FFF , 1179px 918px #FFF , 195px 1262px #FFF , 1722px 133px #FFF , 1675px 1709px #FFF , 1428px 1366px #FFF , 1587px 786px #FFF , 643px 1932px #FFF , 673px 656px #FFF , 267px 990px #FFF , 10px 782px #FFF , 1332px 1148px #FFF , 1578px 1640px #FFF , 873px 523px #FFF , 60px 1004px #FFF , 382px 1066px #FFF , 81px 474px #FFF , 851px 581px #FFF , 634px 710px #FFF , 1458px 697px #FFF , 66px 513px #FFF , 569px 976px #FFF , 911px 1825px #FFF , 930px 1926px #FFF , 277px 64px #FFF , 306px 1109px #FFF , 1048px 221px #FFF , 1008px 392px #FFF , 1458px 1712px #FFF , 348px 1123px #FFF , 1588px 84px #FFF , 1194px 1949px #FFF , 1309px 1629px #FFF , 783px 82px #FFF , 1747px 69px #FFF , 365px 327px #FFF , 937px 1230px #FFF , 474px 1657px #FFF , 413px 1300px #FFF , 184px 1481px #FFF , 1400px 1977px #FFF , 621px 901px #FFF , 1329px 59px #FFF , 1879px 1614px #FFF , 612px 1626px #FFF , 924px 668px #FFF , 1076px 1523px #FFF , 878px 1815px #FFF , 59px 1839px #FFF , 417px 1814px #FFF , 835px 504px #FFF , 595px 1563px #FFF , 1912px 1558px #FFF , 1277px 1213px #FFF , 1492px 357px #FFF , 1560px 351px #FFF , 146px 1402px #FFF , 1874px 1138px #FFF , 998px 1058px #FFF , 1767px 1805px #FFF , 1285px 1826px #FFF , 495px 1272px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 164px 985px #FFF , 637px 1861px #FFF , 1503px 664px #FFF , 2000px 1401px #FFF , 1142px 1866px #FFF , 695px 342px #FFF , 1374px 907px #FFF , 187px 1047px #FFF , 1403px 1927px #FFF , 1776px 1627px #FFF , 781px 860px #FFF , 1673px 1104px #FFF , 194px 1102px #FFF , 1599px 1910px #FFF , 1591px 967px #FFF , 1041px 1760px #FFF , 1609px 1481px #FFF , 1711px 1906px #FFF , 1992px 1031px #FFF , 1901px 537px #FFF , 457px 256px #FFF , 1429px 1257px #FFF , 128px 60px #FFF , 1408px 1202px #FFF , 558px 714px #FFF , 1741px 978px #FFF , 1745px 1028px #FFF , 1619px 629px #FFF , 347px 972px #FFF , 1549px 221px #FFF , 771px 134px #FFF , 650px 1906px #FFF , 177px 1404px #FFF , 1353px 1865px #FFF , 843px 1758px #FFF , 1988px 420px #FFF , 461px 476px #FFF , 1379px 1480px #FFF , 49px 126px #FFF , 934px 739px #FFF , 950px 1971px #FFF , 1856px 858px #FFF , 1192px 943px #FFF , 1461px 625px #FFF , 212px 1506px #FFF , 1471px 1636px #FFF , 418px 979px #FFF , 1059px 167px #FFF , 54px 807px #FFF , 1994px 1865px #FFF , 1776px 162px #FFF , 957px 887px #FFF , 1373px 1913px #FFF , 161px 748px #FFF , 1643px 604px #FFF , 1555px 1723px #FFF , 616px 1414px #FFF , 163px 958px #FFF , 1432px 365px #FFF , 1745px 572px #FFF , 1636px 911px #FFF , 1584px 159px #FFF , 1469px 1621px #FFF , 1792px 1971px #FFF , 377px 1796px #FFF , 1993px 1536px #FFF , 707px 515px #FFF , 38px 107px #FFF , 1742px 747px #FFF , 765px 943px #FFF , 745px 1446px #FFF , 1531px 21px #FFF , 1688px 1488px #FFF , 1084px 1847px #FFF , 1549px 569px #FFF , 698px 325px #FFF , 901px 1809px #FFF , 627px 618px #FFF , 697px 963px #FFF , 1966px 935px #FFF , 769px 1225px #FFF , 1671px 237px #FFF , 1325px 1503px #FFF , 1642px 1588px #FFF , 1952px 1285px #FFF , 1454px 247px #FFF , 1051px 290px #FFF , 1335px 1601px #FFF , 1771px 1386px #FFF , 1382px 79px #FFF , 53px 1831px #FFF , 355px 718px #FFF , 1550px 1875px #FFF , 948px 32px #FFF , 1792px 1613px #FFF , 87px 1982px #FFF , 1734px 1699px #FFF , 361px 883px #FFF , 1375px 334px #FFF , 956px 898px #FFF , 1076px 1872px #FFF , 258px 580px #FFF , 1362px 1865px #FFF , 553px 1144px #FFF , 604px 190px #FFF , 120px 96px #FFF , 1735px 193px #FFF , 1214px 1282px #FFF , 16px 1688px #FFF , 1511px 395px #FFF , 1871px 1949px #FFF , 1679px 856px #FFF , 1433px 1950px #FFF , 1143px 1085px #FFF , 1032px 570px #FFF , 1075px 1677px #FFF , 887px 983px #FFF , 1203px 157px #FFF , 165px 436px #FFF , 741px 501px #FFF , 1884px 693px #FFF , 277px 1607px #FFF , 1907px 1441px #FFF , 1825px 225px #FFF , 320px 565px #FFF , 884px 362px #FFF , 1297px 1188px #FFF , 347px 1084px #FFF , 446px 799px #FFF , 1961px 408px #FFF , 1185px 1473px #FFF , 1406px 1339px #FFF , 1666px 243px #FFF , 1376px 1122px #FFF , 612px 1981px #FFF , 1556px 707px #FFF , 930px 1277px #FFF , 440px 690px #FFF , 729px 302px #FFF , 225px 1504px #FFF , 115px 609px #FFF , 795px 956px #FFF , 297px 1021px #FFF , 1290px 652px #FFF , 454px 1002px #FFF , 1056px 1494px #FFF , 769px 1311px #FFF , 1860px 1554px #FFF , 1398px 1059px #FFF , 641px 775px #FFF , 1281px 10px #FFF , 235px 1114px #FFF , 5px 1820px #FFF , 1189px 1572px #FFF , 797px 72px #FFF , 648px 540px #FFF , 1884px 1746px #FFF , 1402px 1209px #FFF , 857px 1023px #FFF , 1940px 1680px #FFF , 846px 953px #FFF , 713px 1013px #FFF , 156px 1130px #FFF , 1314px 1406px #FFF , 741px 672px #FFF , 553px 833px #FFF , 34px 1179px #FFF , 35px 685px #FFF , 1587px 1823px #FFF , 1469px 430px #FFF , 721px 515px #FFF , 1977px 17px #FFF , 1342px 1168px #FFF , 1783px 1684px #FFF , 2px 343px #FFF , 1625px 1745px #FFF , 76px 1430px #FFF , 485px 594px #FFF , 942px 1956px #FFF , 1309px 1629px #FFF , 783px 82px #FFF , 1747px 69px #FFF , 365px 327px #FFF , 937px 1230px #FFF , 474px 1657px #FFF , 413px 1300px #FFF , 184px 1481px #FFF , 1400px 1977px #FFF , 621px 901px #FFF , 1329px 59px #FFF , 1879px 1614px #FFF , 612px 1626px #FFF , 924px 668px #FFF , 1076px 1523px #FFF , 878px 1815px #FFF , 59px 1839px #FFF , 417px 1814px #FFF , 835px 504px #FFF , 595px 1563px #FFF , 1912px 1558px #FFF , 1277px 1213px #FFF , 1492px 357px #FFF , 1560px 351px #FFF , 146px 1402px #FFF , 1874px 1138px #FFF , 998px 1058px #FFF , 1767px 1805px #FFF , 1285px 1826px #FFF , 495px 1272px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 826px 1093px #FFF , 969px 965px #FFF , 171px 1007px #FFF , 1143px 243px #FFF , 1842px 1226px #FFF , 605px 1214px #FFF , 1589px 962px #FFF ,1896px 357px #FFF , 5px 1352px #FFF , 111px 868px #FFF , 1502px 1258px #FFF , 1596px 1018px #FFF , 1520px 167px #FFF , 644px 1430px #FFF , 453px 373px #FFF , 1914px 1353px #FFF , 606px 1178px #FFF , 758px 1548px #FFF , 1595px 1254px #FFF ,1552px 1294px #FFF , 1502px 373px #FFF , 1076px 310px #FFF , 1373px 574px #FFF , 183px 50px #FFF , 1304px 290px #FFF , 209px 744px #FFF , 558px 325px #FFF , 755px 555px #FFF , 1625px 130px #FFF , 74px 350px #FFF , 655px 47px #FFF , 1634px 1424px #FFF , 1226px 110px #FFF , 357px 1530px #FFF , 1032px 68px #FFF , 1197px 1698px #FFF , 396px 1194px #FFF , 12px 1326px #FFF , 1912px 213px #FFF , 933px 156px #FFF , 373px 1057px #FFF , 731px 1862px #FFF , 546px 1457px #FFF , 1300px 657px #FFF , 212px 509px #FFF , 1878px 983px #FFF , 66px 1550px #FFF , 556px 557px #FFF , 139px 816px #FFF , 557px 486px #FFF , 624px 1051px #FFF , 50px 385px #FFF , 1798px 1666px #FFF , 1456px 1338px #FFF , 1297px 110px #FFF , 91px 788px #FFF , 1584px 993px #FFF , 1830px 133px #FFF , 707px 1403px #FFF , 1513px 1331px #FFF , 1793px 1818px #FFF , 1958px 385px #FFF , 332px 640px #FFF , 261px 526px #FFF , 1415px 1897px #FFF , 1331px 1415px #FFF , 1322px 1200px #FFF , 410px 557px #FFF , 147px 1014px #FFF , 1475px 9px #FFF , 1753px 958px #FFF , 1204px 817px #FFF , 66px 561px #FFF , 535px 1408px #FFF , 320px 688px #FFF , 1520px 1552px #FFF , 1716px 1643px #FFF , 1176px 252px #FFF , 1303px 1251px #FFF , 328px 1169px #FFF , 1115px 631px #FFF , 793px 1748px #FFF , 1531px 1614px #FFF , 1893px 234px #FFF , 522px 1394px #FFF , 1565px 917px #FFF , 524px 353px #FFF , 1934px 707px #FFF , 1873px 234px #FFF , 1118px 196px #FFF , 1227px 704px #FFF , 719px 1755px #FFF , 962px 985px #FFF , 749px 725px #FFF , 1454px 349px #FFF , 109px 1754px #FFF , 1475px 1471px #FFF , 1207px 1858px #FFF , 218px 1348px #FFF , 826px 345px #FFF , 961px 289px #FFF , 1765px 1018px #FFF , 815px 1499px #FFF , 35px 1856px #FFF , 192px 1963px #FFF , 1634px 1811px #FFF;
  animation: animStar 100s linear infinite;
}




#title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #FFF;
  text-align: center;
  font-family: "lato", sans-serif;
  font-weight: 300;
  font-size: 50px;
  letter-spacing: 10px;
  margin-top: -60px;
  padding-left: 10px;
}
#title span {
  background: -webkit-linear-gradient(white, #38495a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

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