Template:Warwick/css/stylesCSS

/* Setup */ /* Colours */ /* Heights */ /* Jerry's colours

Side bar color - #ebffdd (same loading bar) Green circle color - #005700 (SAME FOR LINKS) Timeline circle color (middle bit) #c1ff9b // outer is dark

Old, don't use: #42ea67

  • /

/* Fonts section */ @font-face { 

 font-family: "Helvetica Neue";
 src: url("https://static.igem.org/mediawiki/2021/8/87/T--Warwick--fonts--helvetica_neue--HelveticaNeue-Light.otf") format("opentype"), url("https://static.igem.org/mediawiki/2021/b/b9/T--Warwick--fonts--helvetica_neue--HelveticaNeueLight.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;
 letter-spacing: 1px; }

@font-face { 

 font-family: "Helvetica Neue Bold";
 src: url("https://static.igem.org/mediawiki/2021/e/ed/T--Warwick--fonts--helvetica_neue--HelveticaNeue-Medium.otf") format("opentype"), url("https://static.igem.org/mediawiki/2021/0/01/T--Warwick--fonts--helvetica_neue--HelveticaNeueMedium.ttf") format("truetype");
 font-weight: normal;
 font-style: bold; }

@font-face { 

 font-family: "Bahnschrift";
 src: url("https://static.igem.org/mediawiki/2021/b/b6/T--Warwick--fonts--bahnschrift--Bahnschrift.ttf"); }

@font-face { 

 font-family: "Geomanist";
 src: url("https://static.igem.org/mediawiki/2021/3/3e/T--Warwick--fonts--geomanist--geomanist.eot") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2021/3/3d/T--Warwick--fonts--geomanist--geomanist.woff") format("woff"), url("https://static.igem.org/mediawiki/2021/8/83/T--Warwick--fonts--geomanist--geomanist.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2021/d/d5/T--Warwick--fonts--geomanist--geomanist.svg") format("svg"); }

/* https://scotch.io/tutorials/how-to-use-sass-mixins */ /* General stylings */ /* General section*/

  • ,
    before,
    after {
 box-sizing: border-box; }

html { 

 display: flex;
 flex-direction: column;
 min-height: 100vh;
 scroll-behavior: smooth;
 overflow-x: hidden;
 overflow-y: scroll;
 font-size: 18px; }

body { 

 font-family: "Helvetica Neue", sans-serif !important;
 font-weight: 300;
 line-height: 1.5;
 color: #222;
 background-color: #000;
 background-size: cover;
 position: relative;
 display: flex;
 min-height: 100vh;
 flex-direction: column; }

body:before { 

 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: rgba(0, 0, 0, 0.5);
 -webkit-transition: 0.3s all ease;
 -o-transition: 0.3s all ease;
 transition: 0.3s all ease;
 opacity: 0;
 visibility: hidden;
 z-index: 1; }

body.offcanvas-menu:before { 

 opacity: 1;
 visibility: visible; }

h1, h2, h3, h4, h5, h6 { 

 font-family: "Bahnschrift", sans-serif !important; }

/* #hugo-content-wrapper h1,

  1. hugo-content-wrapper h2,
  2. hugo-content-wrapper h3,
  3. hugo-content-wrapper h4,
  4. hugo-content-wrapper h5,
  5. hugo-content-wrapper h6 {
 color: $text-color-contrast !important;

} */ h2::before, h3::before, h4::before, h5::before, h6::before { 

 display: block;
 content: " ";
 margin-top: -80px;
 height: 80px;
 visibility: hidden;
 pointer-events: none; }

p { 

 font-family: "Helvetica Neue", sans-serif !important;
 color: #222 !important;
 font-weight: 300 !important; }

a, a:hover, a:visited, a:active { 

 color: #005700;
 -webkit-transition: 0.3s all ease;
 -o-transition: 0.3s all ease;
 transition: 0.3s all ease;
 outline: none;
 text-decoration: none !important; }

img { 

 max-width: 100%;
 height: auto; }

table, th, td { 

 border: 1px solid black;
 padding: 0 10px; }

table { 

 margin: auto;
 width: 90% !important; }

.highlight table { 

 margin: initial;
 width: initial; }

tr:nth-child(even) { 

 background-color: #f2f2f2; }

th { 

 background-color: #b3b3b3; }

td img { 

 display: block;
 margin-left: auto;
 margin-right: auto;
 max-height: 10vh;
 padding: 5px; }
-webkit-selection,
-moz-selection,
selection {
 background: #a9a9a9; }

.content-wrapper { 

 flex: 1;
 padding-bottom: 2em; }

.content-page { 

 overflow-wrap: break-word;
 background-color: #fff;
 box-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
 border-radius: 3px;
 padding: 45px;
 margin: 0 128px 2em 80px; }
 @media only screen and (max-width: 1500px) and (min-width: 1000px) {
   .content-page {
     margin: 0 15% 2em 15%; } }
 @media only screen and (max-width: 1000px) {
   .content-page {
     margin: 0 30px 2em 30px;
     padding: 20px; } }

.content-page h1, .content-page h2, .content-page h3, .content-page h4, .content-page h5, .content-page h6 { 

 font-family: "Helvetica Neue Bold", sans-serif !important; }

.content-page ul, .content-page ol { 

 padding-left: 50px; }

.subtitle { 

 display: block;
 margin-bottom: 20px;
 letter-spacing: 2px;
 text-transform: uppercase;
 font-weight: bold;
 color: #555;
 padding-left: 10%;
 padding-right: 10%;
 text-align: center; }

.waiting-animation { 

 animation-play-state: paused; }

/* Unique page's stylings */ /* Homepage custom styles */

  1. homepage {
 padding-bottom: 0 !important; }
  1. homepage-hero {
 height: 100vh;
 background-image: url("T--Warwick--images--homepage_splash_background.gif");
 background-position: right center;
 background-size: cover;
 background-repeat: no-repeat; }
 @media screen and (max-width: 1000px), screen and (max-height: 90vh) {
   #homepage-hero {
     background-image: url("T--Warwick--images--homepage_splash_background_cropped.gif");
     background-position: center center; } }
  1. homepage-hero > .row {
 position: relative;
 top: 25%; }
  1. homepage-hero-text {
 padding-left: 10vw;
 color: #fff;
 animation-delay: 0.75s; }
 @media screen and (max-width: 1000px), screen and (max-height: 90vh) {
   #homepage-hero-text {
     display: none; } }
  1. homepage-hero-text h3 {
 color: #42ea67;
 font-weight: 1000;
 font-size: 1.4vw; }
  1. homepage-hero-text h1 {
 font-size: 6vw;
 font-weight: 1000; }
  1. homepage-hero-text p {
 font-family: "Bahnschrift", sans-serif !important;
 color: #fff !important; }

.homepage-parallax-window { 

 background: transparent;
 height: auto;
 padding: 30px; }

.homepage-content { 

 overflow-wrap: break-word;
 background-color: #fff;
 box-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
 border-radius: 3px;
 padding: 20px; }

.homepage-content ul { 

 padding-left: 50px; }

@media only screen and (min-width: 1000px) { 

 .homepage-content-left {
   max-width: 35vw;
   margin: 100px auto 100px 5vw !important; }
 .homepage-content-right {
   max-width: 35vw;
   margin: 100px 5vw 100px auto !important; }
 .homepage-content-center {
   max-width: 50vw;
   margin: 100px auto 100px auto !important; } }

/* Partials' stylings */ /* 

   Pre-loader section
   Modified from: https://ihatetomatoes.net/create-custom-preloading-screen/
   Possible improvements:
       - https://codepen.io/kevinjannis/pen/KwJvpa
       - https://github.com/steelkiwi/SlidingSquareLoaderView
       - https://codepen.io/kenchen/pen/tgBiE



   Jerry's suggestion:
       - https://codepen.io/edmundgoodman/pen/powwXVX

https://codepen.io/Glucio/pen/BoLWPo https://codepen.io/shamir/pen/YGbbNX

  • /
  1. loader-wrapper {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 10000;
 background: #111; }

.loaded #loader { 

 opacity: 0;
 -webkit-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out; }

.loaded #loader-wrapper { 

 visibility: hidden;
 -webkit-transform: translateY(-100%);
 /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: translateY(-100%);
 /* IE 9 */
 transform: translateY(-100%);
 /* Firefox 16+, IE 10+, Opera */
 -webkit-transition: all 0.3s 0.3s ease-out;
 transition: all 0.3s 0.3s ease-out; }

/* JavaScript Turned Off */ .no-js #loader-wrapper { 

 display: none; }
  1. loadingMessage {
 padding-top: 25px;
 color: #fff !important;
 position: absolute;
 top: calc(45% + 60px);
 margin: auto;
 width: 100%;
 text-align: center; }

.moon-wrapper { 

 position: absolute;
 top: 40%;
 left: calc(50% - 50px);
 transform: rotate(20deg); }

.moon { 

 width: 100px;
 height: 100px;
 border: 2px solid #42ea67;
 box-shadow: 0 0 10px #42ea67;
 border-radius: 50%;
 overflow: hidden;
 position: relative;
 background-color: #42ea67;
 transform: translateZ(0); }
 .moon::before {
   content: " ";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   background-color: #111;
   width: 50%;
   height: 100%;
   animation: flip 4s 2s steps(2) infinite alternate; }

.disc { 

 transform-style: preserve-3d;
 width: 100%;
 height: 100%;
 animation: rotate 8s linear infinite; }
 .disc::before, .disc::after {
   content: " ";
   display: block;
   transform-style: preserve-3d;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   transition: transform 4s;
   position: absolute;
   backface-visibility: hidden; }
 .disc::before {
   background-color: #111; }
 .disc::after {
   background-color: #42ea67;
   transform: rotateY(180deg); }

@keyframes rotate { 

 0% {
   transform: rotateY(0deg); }
 100% {
   transform: rotateY(360deg); } }

@keyframes flip { 

 0% {
   left: 0; }
 100% {
   left: 100%; } }

.stars-wrapper { 

 transform: translateY(-2000px); }

.stars-small { 

 content: "e";
 width: 1px;
 height: 1px;
 background: transparent;
 box-shadow: 1744px 122px #fff, 134px 1321px #fff, 92px 859px #fff, 235px 1045px #fff, 366px 912px #fff, 491px 942px #fff, 14px 1831px #fff, 582px 476px #fff, 588px 1230px #fff, 1520px 1343px #fff, 1671px 203px #fff, 550px 341px #fff, 1491px 549px #fff, 558px 161px #fff, 896px 1823px #fff, 999px 1463px #fff, 1557px 636px #fff, 1754px 1307px #fff, 1682px 1494px #fff, 703px 1707px #fff, 1945px 1847px #fff, 1151px 1320px #fff, 980px 144px #fff, 478px 948px #fff, 109px 1762px #fff, 558px 255px #fff, 719px 1820px #fff, 588px 748px #fff, 1899px 174px #fff, 841px 1771px #fff, 571px 1588px #fff, 1155px 353px #fff, 1879px 1220px #fff, 1782px 870px #fff, 407px 1238px #fff, 1141px 63px #fff, 1147px 1097px #fff, 1406px 159px #fff, 637px 1215px #fff, 694px 1114px #fff, 1536px 727px #fff, 1708px 1512px #fff, 1147px 880px #fff, 684px 988px #fff, 140px 851px #fff, 1565px 1788px #fff, 1573px 889px #fff, 1172px 628px #fff, 1474px 1978px #fff, 435px 447px #fff, 185px 1808px #fff, 620px 1560px #fff, 1387px 1196px #fff, 138px 1854px #fff, 137px 1499px #fff, 1721px 1132px #fff, 10px 32px #fff, 1931px 1990px #fff, 209px 91px #fff, 1876px 1795px #fff, 1130px 1551px #fff, 284px 1848px #fff, 389px 1603px #fff, 612px 1121px #fff, 825px 1926px #fff, 161px 344px #fff, 1729px 333px #fff, 1037px 37px #fff, 844px 1085px #fff, 1179px 554px #fff, 50px 478px #fff, 1864px 704px #fff, 233px 723px #fff, 1202px 445px #fff, 882px 189px #fff, 362px 735px #fff, 924px 411px #fff, 902px 209px #fff, 104px 185px #fff, 1599px 1852px #fff, 1974px 944px #fff, 438px 1164px #fff, 401px 1533px #fff, 191px 1429px #fff, 251px 1034px #fff, 1807px 1412px #fff, 72px 23px #fff, 1752px 1146px #fff, 261px 1481px #fff, 548px 33px #fff, 710px 1204px #fff, 355px 1697px #fff, 581px 100px #fff, 318px 1146px #fff, 929px 79px #fff, 999px 347px #fff, 155px 292px #fff, 271px 677px #fff, 920px 1596px #fff, 1736px 184px #fff, 1022px 1790px #fff, 1465px 1762px #fff, 820px 526px #fff, 175px 37px #fff, 440px 746px #fff, 681px 1879px #fff, 690px 1135px #fff, 1960px 1453px #fff, 422px 856px #fff, 1217px 1232px #fff, 1015px 1695px #fff, 1933px 492px #fff, 272px 448px #fff, 1578px 1487px #fff, 437px 874px #fff, 947px 838px #fff, 1339px 867px #fff, 1484px 773px #fff, 764px 66px #fff, 418px 707px #fff, 192px 1909px #fff, 1629px 215px #fff, 171px 260px #fff, 1180px 220px #fff, 488px 857px #fff, 593px 493px #fff, 1794px 886px #fff, 1673px 1977px #fff, 905px 1193px #fff, 1372px 1843px #fff, 1605px 908px #fff, 659px 181px #fff, 700px 1758px #fff, 812px 1200px #fff, 1800px 1440px #fff, 1858px 212px #fff, 628px 1026px #fff, 1825px 1556px #fff, 1641px 1750px #fff, 1195px 1086px #fff, 1465px 558px #fff, 1634px 436px #fff, 1354px 1831px #fff, 1212px 1485px #fff, 1491px 994px #fff, 604px 1279px #fff, 413px 1131px #fff, 1677px 1086px #fff, 841px 47px #fff, 146px 489px #fff, 117px 1195px #fff, 67px 47px #fff, 883px 258px #fff, 1801px 1294px #fff, 594px 1870px #fff, 649px 531px #fff, 721px 132px #fff, 975px 1616px #fff, 716px 94px #fff, 295px 791px #fff, 174px 1814px #fff, 1130px 298px #fff, 1747px 1835px #fff, 605px 1521px #fff, 78px 743px #fff, 1685px 311px #fff, 804px 341px #fff, 1440px 852px #fff, 1607px 1692px #fff, 698px 1112px #fff, 1153px 1608px #fff, 539px 999px #fff, 262px 353px #fff, 457px 1246px #fff, 1858px 998px #fff, 364px 431px #fff, 1907px 912px #fff, 541px 916px #fff, 168px 1384px #fff, 357px 1321px #fff, 1859px 1866px #fff, 1001px 909px #fff, 842px 1663px #fff, 369px 1176px #fff, 932px 1372px #fff, 1606px 732px #fff, 1844px 857px #fff, 974px 1588px #fff, 804px 1139px #fff, 65px 1213px #fff, 1066px 863px #fff, 1991px 1734px #fff, 300px 738px #fff, 1260px 1141px #fff, 83px 260px #fff, 1219px 167px #fff, 613px 990px #fff, 873px 81px #fff, 362px 235px #fff, 373px 372px #fff, 80px 247px #fff, 902px 1141px #fff, 294px 464px #fff, 766px 1925px #fff, 1151px 1305px #fff, 1250px 1593px #fff, 1289px 119px #fff, 1525px 1505px #fff, 234px 1306px #fff, 571px 858px #fff, 571px 996px #fff, 766px 1342px #fff, 1371px 716px #fff, 711px 1939px #fff, 904px 1797px #fff, 424px 1710px #fff, 762px 1614px #fff, 1389px 1290px #fff, 905px 689px #fff, 352px 38px #fff, 2000px 1317px #fff, 597px 864px #fff, 824px 711px #fff, 966px 1060px #fff, 958px 992px #fff, 1121px 324px #fff, 1624px 688px #fff, 1737px 702px #fff, 1566px 1344px #fff, 697px 368px #fff, 291px 1126px #fff, 1732px 50px #fff, 712px 1941px #fff, 1257px 372px #fff, 317px 1462px #fff, 222px 309px #fff, 1139px 647px #fff, 170px 878px #fff, 1272px 1511px #fff, 1009px 1912px #fff, 1875px 1105px #fff, 1968px 1370px #fff, 1193px 687px #fff, 1498px 611px #fff, 247px 1993px #fff, 1686px 1611px #fff, 937px 340px #fff, 114px 1423px #fff, 496px 1191px #fff, 110px 1284px #fff, 876px 687px #fff, 1173px 214px #fff, 210px 628px #fff, 302px 1173px #fff, 1318px 939px #fff, 1665px 1310px #fff, 66px 338px #fff, 1355px 615px #fff, 1139px 1672px #fff, 91px 1000px #fff, 112px 422px #fff, 89px 503px #fff, 97px 1599px #fff, 1031px 1955px #fff, 1755px 1532px #fff, 1764px 1930px #fff, 1822px 1751px #fff, 133px 401px #fff, 718px 85px #fff, 1797px 78px #fff, 520px 1725px #fff, 226px 406px #fff, 1561px 1574px #fff, 340px 1602px #fff, 718px 976px #fff, 1823px 570px #fff, 1298px 484px #fff, 1023px 1903px #fff, 1266px 1334px #fff, 763px 877px #fff, 223px 631px #fff, 1761px 1293px #fff, 878px 1px #fff, 973px 696px #fff, 975px 1841px #fff, 1276px 302px #fff, 1399px 1324px #fff, 1706px 872px #fff, 341px 1960px #fff, 1384px 1655px #fff, 1897px 767px #fff, 68px 405px #fff, 705px 310px #fff, 194px 103px #fff, 1432px 368px #fff, 1262px 1682px #fff, 1933px 1526px #fff, 263px 655px #fff, 1031px 1031px #fff, 1557px 788px #fff, 1558px 1360px #fff, 812px 421px #fff, 1951px 734px #fff, 1567px 498px #fff, 1832px 1229px #fff, 913px 164px #fff, 1907px 1273px #fff, 533px 749px #fff, 1235px 951px #fff, 645px 1959px #fff, 92px 1570px #fff, 1169px 1434px #fff, 118px 1223px #fff, 583px 957px #fff, 1245px 316px #fff, 527px 863px #fff, 372px 1007px #fff, 244px 1251px #fff, 314px 494px #fff, 1842px 1463px #fff, 1315px 730px #fff, 1655px 1366px #fff, 482px 979px #fff, 340px 1808px #fff, 256px 578px #fff, 858px 1792px #fff, 1965px 403px #fff, 454px 253px #fff, 1664px 698px #fff, 1974px 750px #fff, 262px 1801px #fff, 1652px 1076px #fff, 992px 711px #fff, 1792px 1323px #fff, 700px 1748px #fff, 855px 966px #fff, 1833px 1747px #fff, 402px 1272px #fff, 1391px 1039px #fff, 1395px 1538px #fff, 397px 1972px #fff, 744px 1403px #fff, 1784px 1046px #fff, 111px 198px #fff, 1827px 473px #fff, 1347px 1891px #fff, 1238px 1081px #fff, 189px 908px #fff, 1513px 542px #fff, 673px 981px #fff, 720px 1184px #fff, 373px 792px #fff, 1470px 1631px #fff, 16px 822px #fff, 1935px 829px #fff, 364px 613px #fff, 223px 899px #fff, 1233px 874px #fff, 1441px 1834px #fff, 719px 894px #fff, 76px 1610px #fff, 296px 685px #fff, 572px 1637px #fff, 349px 114px #fff, 1670px 1802px #fff, 979px 928px #fff, 1589px 574px #fff, 756px 194px #fff, 616px 507px #fff, 271px 186px #fff, 198px 360px #fff, 1916px 418px #fff, 721px 667px #fff, 1937px 1908px #fff, 17px 556px #fff, 345px 443px #fff, 718px 760px #fff, 1922px 310px #fff, 1185px 887px #fff, 1745px 1848px #fff, 909px 847px #fff, 1170px 134px #fff, 1773px 1133px #fff, 1099px 233px #fff, 1122px 1524px #fff, 866px 907px #fff, 398px 213px #fff, 1287px 886px #fff, 1194px 149px #fff, 1876px 1667px #fff, 332px 1658px #fff, 146px 1253px #fff, 958px 211px #fff, 643px 47px #fff, 1213px 1339px #fff, 1637px 1939px #fff, 1601px 355px #fff, 256px 1982px #fff, 989px 1609px #fff, 1179px 701px #fff, 685px 1463px #fff, 1910px 465px #fff, 764px 1930px #fff, 1856px 433px #fff, 720px 367px #fff, 1821px 416px #fff, 48px 1114px #fff, 716px 489px #fff, 174px 1972px #fff, 115px 1373px #fff, 1487px 141px #fff, 1919px 1362px #fff, 1662px 859px #fff, 1168px 490px #fff, 706px 1820px #fff, 588px 318px #fff, 107px 778px #fff, 621px 1667px #fff, 1331px 1996px #fff, 1404px 1154px #fff, 860px 1019px #fff, 1385px 1883px #fff, 1066px 1951px #fff, 752px 444px #fff, 955px 1031px #fff, 1256px 1899px #fff, 961px 1455px #fff, 1101px 84px #fff, 890px 335px #fff, 798px 40px #fff, 138px 54px #fff, 1934px 252px #fff, 429px 324px #fff, 1645px 1522px #fff, 218px 737px #fff, 1625px 531px #fff, 605px 1290px #fff, 1867px 648px #fff, 82px 1137px #fff, 231px 1423px #fff, 471px 944px #fff, 1363px 1752px #fff, 482px 1364px #fff, 1305px 627px #fff, 1065px 891px #fff, 217px 1841px #fff, 1843px 1501px #fff, 1681px 734px #fff, 185px 856px #fff, 609px 1094px #fff, 49px 1657px #fff, 783px 594px #fff, 1018px 1123px #fff, 644px 1149px #fff, 739px 1262px #fff, 1439px 1187px #fff, 1789px 1507px #fff, 941px 791px #fff, 1319px 1308px #fff, 498px 626px #fff, 1594px 858px #fff, 783px 71px #fff, 576px 1976px #fff, 1625px 696px #fff, 1821px 352px #fff, 1039px 885px #fff, 208px 430px #fff, 124px 198px #fff, 1964px 686px #fff, 1440px 1952px #fff, 231px 1435px #fff, 1846px 853px #fff, 1174px 536px #fff, 1228px 310px #fff, 1380px 699px #fff, 1116px 169px #fff, 1416px 1007px #fff, 178px 192px #fff, 1302px 1903px #fff, 1892px 154px #fff, 962px 1032px #fff, 1009px 1916px #fff, 1549px 1206px #fff, 899px 968px #fff, 902px 543px #fff, 1516px 542px #fff, 965px 527px #fff, 1594px 696px #fff, 856px 1719px #fff, 1522px 248px #fff, 1795px 283px #fff, 1144px 946px #fff, 1365px 199px #fff, 359px 1347px #fff, 1506px 263px #fff, 433px 1793px #fff, 201px 247px #fff, 942px 838px #fff, 1122px 1065px #fff, 1997px 108px #fff, 306px 989px #fff, 641px 1713px #fff, 1072px 959px #fff, 1874px 1079px #fff, 1938px 269px #fff, 891px 389px #fff, 22px 574px #fff, 727px 474px #fff, 1671px 1649px #fff, 98px 400px #fff, 641px 798px #fff, 1218px 1051px #fff, 907px 1485px #fff, 1002px 1549px #fff, 1932px 1448px #fff, 1132px 573px #fff, 1222px 1147px #fff, 1009px 451px #fff, 698px 1940px #fff, 97px 1123px #fff, 904px 751px #fff, 1904px 593px #fff, 1451px 1658px #fff, 191px 1606px #fff, 1346px 482px #fff, 1935px 1086px #fff, 1052px 224px #fff, 526px 1810px #fff, 1607px 606px #fff, 427px 1830px #fff, 1546px 407px #fff, 1771px 208px #fff, 1714px 181px #fff, 1332px 943px #fff, 1663px 1094px #fff, 1861px 1747px #fff, 1429px 1217px #fff, 1733px 1915px #fff, 925px 1179px #fff, 735px 781px #fff, 1775px 1989px #fff, 1770px 476px #fff, 844px 400px #fff, 1793px 1517px #fff, 544px 281px #fff, 725px 344px #fff, 1274px 764px #fff, 1845px 339px #fff, 582px 1745px #fff, 351px 1287px #fff, 207px 749px #fff, 1063px 1411px #fff, 1246px 342px #fff, 1538px 166px #fff, 770px 602px #fff, 1214px 1971px #fff, 113px 294px #fff, 1157px 101px #fff, 1657px 517px #fff, 637px 1693px #fff, 961px 1649px #fff, 1754px 1572px #fff, 1885px 659px #fff, 238px 34px #fff, 413px 1027px #fff, 1709px 1556px #fff, 460px 878px #fff, 1597px 608px #fff, 544px 434px #fff, 1258px 477px #fff, 565px 1863px #fff, 426px 322px #fff, 1917px 850px #fff, 296px 144px #fff, 643px 1896px #fff, 511px 116px #fff, 359px 847px #fff, 702px 1133px #fff, 857px 1371px #fff, 559px 1758px #fff, 1615px 1223px #fff, 1927px 1736px #fff, 704px 941px #fff, 1932px 942px #fff, 1462px 335px #fff, 154px 1915px #fff, 1387px 918px #fff, 1512px 1041px #fff, 1094px 1334px #fff, 1678px 865px #fff, 1960px 431px #fff, 666px 1258px #fff, 422px 1215px #fff, 345px 802px #fff, 1207px 647px #fff, 1701px 374px #fff, 1440px 1925px #fff, 1536px 1163px #fff, 905px 155px #fff, 843px 1036px #fff, 660px 823px #fff, 1329px 661px #fff, 1867px 899px #fff, 1022px 514px #fff, 1062px 1570px #fff, 888px 1786px #fff, 699px 1738px #fff, 1831px 1712px #fff, 434px 18px #fff, 227px 205px #fff, 520px 1279px #fff, 1329px 764px #fff, 1824px 47px #fff, 112px 266px #fff, 830px 1140px #fff, 478px 637px #fff, 634px 850px #fff, 711px 873px #fff, 987px 249px #fff, 1454px 909px #fff, 699px 922px #fff, 1458px 1142px #fff, 701px 1893px #fff, 134px 384px #fff, 904px 354px #fff, 1913px 1229px #fff, 1606px 1336px #fff, 976px 1776px #fff, 1726px 605px #fff, 1244px 590px #fff, 1351px 526px #fff, 1997px 130px #fff, 1137px 1134px #fff, 1293px 283px #fff, 977px 1608px #fff, 422px 1252px #fff, 236px 1653px #fff, 28px 1722px #fff, 698px 39px #fff, 5px 434px #fff, 1430px 1466px #fff, 1470px 1596px #fff, 487px 81px #fff, 186px 340px #fff, 1941px 1px #fff, 1342px 487px #fff, 813px 1855px #fff, 1445px 148px #fff, 1965px 1428px #fff, 1122px 1277px #fff, 846px 820px #fff, 1804px 228px #fff, 1501px 121px #fff, 215px 1033px #fff, 244px 426px #fff, 976px 453px #fff, 566px 953px #fff, 1772px 213px #fff, 1323px 1778px #fff, 1350px 817px #fff, 803px 913px #fff, 1395px 1359px #fff, 1995px 119px #fff, 579px 1963px #fff, 862px 1621px #fff, 1718px 825px #fff, 823px 27px #fff, 1252px 41px #fff, 1562px 835px #fff, 1730px 633px #fff, 1723px 1939px #fff, 524px 1824px #fff, 1921px 1450px #fff, 1174px 1062px #fff, 1008px 1932px #fff, 467px 334px #fff, 80px 818px #fff, 1266px 1185px #fff, 1589px 807px #fff, 1221px 320px #fff, 1724px 852px #fff, 1194px 286px #fff, 800px 1835px #fff, 1958px 728px #fff, 1271px 376px #fff, 43px 1654px #fff, 77px 803px #fff, 1399px 197px #fff, 591px 1743px #fff, 652px 1925px #fff, 107px 1939px #fff, 1110px 1708px #fff, 797px 1480px #fff, 1516px 684px #fff, 559px 1733px #fff, 1265px 718px #fff, 1263px 54px #fff, 693px 113px #fff, 1456px 1459px #fff, 1527px 1324px #fff;
 animation: animStar 75s linear infinite; }

.stars-small:after { 

 content: " ";
 position: absolute;
 top: 2000px;
 width: 1px;
 height: 1px;
 background: transparent;
 box-shadow: 1744px 122px #fff, 134px 1321px #fff, 92px 859px #fff, 235px 1045px #fff, 366px 912px #fff, 491px 942px #fff, 14px 1831px #fff, 582px 476px #fff, 588px 1230px #fff, 1520px 1343px #fff, 1671px 203px #fff, 550px 341px #fff, 1491px 549px #fff, 558px 161px #fff, 896px 1823px #fff, 999px 1463px #fff, 1557px 636px #fff, 1754px 1307px #fff, 1682px 1494px #fff, 703px 1707px #fff, 1945px 1847px #fff, 1151px 1320px #fff, 980px 144px #fff, 478px 948px #fff, 109px 1762px #fff, 558px 255px #fff, 719px 1820px #fff, 588px 748px #fff, 1899px 174px #fff, 841px 1771px #fff, 571px 1588px #fff, 1155px 353px #fff, 1879px 1220px #fff, 1782px 870px #fff, 407px 1238px #fff, 1141px 63px #fff, 1147px 1097px #fff, 1406px 159px #fff, 637px 1215px #fff, 694px 1114px #fff, 1536px 727px #fff, 1708px 1512px #fff, 1147px 880px #fff, 684px 988px #fff, 140px 851px #fff, 1565px 1788px #fff, 1573px 889px #fff, 1172px 628px #fff, 1474px 1978px #fff, 435px 447px #fff, 185px 1808px #fff, 620px 1560px #fff, 1387px 1196px #fff, 138px 1854px #fff, 137px 1499px #fff, 1721px 1132px #fff, 10px 32px #fff, 1931px 1990px #fff, 209px 91px #fff, 1876px 1795px #fff, 1130px 1551px #fff, 284px 1848px #fff, 389px 1603px #fff, 612px 1121px #fff, 825px 1926px #fff, 161px 344px #fff, 1729px 333px #fff, 1037px 37px #fff, 844px 1085px #fff, 1179px 554px #fff, 50px 478px #fff, 1864px 704px #fff, 233px 723px #fff, 1202px 445px #fff, 882px 189px #fff, 362px 735px #fff, 924px 411px #fff, 902px 209px #fff, 104px 185px #fff, 1599px 1852px #fff, 1974px 944px #fff, 438px 1164px #fff, 401px 1533px #fff, 191px 1429px #fff, 251px 1034px #fff, 1807px 1412px #fff, 72px 23px #fff, 1752px 1146px #fff, 261px 1481px #fff, 548px 33px #fff, 710px 1204px #fff, 355px 1697px #fff, 581px 100px #fff, 318px 1146px #fff, 929px 79px #fff, 999px 347px #fff, 155px 292px #fff, 271px 677px #fff, 920px 1596px #fff, 1736px 184px #fff, 1022px 1790px #fff, 1465px 1762px #fff, 820px 526px #fff, 175px 37px #fff, 440px 746px #fff, 681px 1879px #fff, 690px 1135px #fff, 1960px 1453px #fff, 422px 856px #fff, 1217px 1232px #fff, 1015px 1695px #fff, 1933px 492px #fff, 272px 448px #fff, 1578px 1487px #fff, 437px 874px #fff, 947px 838px #fff, 1339px 867px #fff, 1484px 773px #fff, 764px 66px #fff, 418px 707px #fff, 192px 1909px #fff, 1629px 215px #fff, 171px 260px #fff, 1180px 220px #fff, 488px 857px #fff, 593px 493px #fff, 1794px 886px #fff, 1673px 1977px #fff, 905px 1193px #fff, 1372px 1843px #fff, 1605px 908px #fff, 659px 181px #fff, 700px 1758px #fff, 812px 1200px #fff, 1800px 1440px #fff, 1858px 212px #fff, 628px 1026px #fff, 1825px 1556px #fff, 1641px 1750px #fff, 1195px 1086px #fff, 1465px 558px #fff, 1634px 436px #fff, 1354px 1831px #fff, 1212px 1485px #fff, 1491px 994px #fff, 604px 1279px #fff, 413px 1131px #fff, 1677px 1086px #fff, 841px 47px #fff, 146px 489px #fff, 117px 1195px #fff, 67px 47px #fff, 883px 258px #fff, 1801px 1294px #fff, 594px 1870px #fff, 649px 531px #fff, 721px 132px #fff, 975px 1616px #fff, 716px 94px #fff, 295px 791px #fff, 174px 1814px #fff, 1130px 298px #fff, 1747px 1835px #fff, 605px 1521px #fff, 78px 743px #fff, 1685px 311px #fff, 804px 341px #fff, 1440px 852px #fff, 1607px 1692px #fff, 698px 1112px #fff, 1153px 1608px #fff, 539px 999px #fff, 262px 353px #fff, 457px 1246px #fff, 1858px 998px #fff, 364px 431px #fff, 1907px 912px #fff, 541px 916px #fff, 168px 1384px #fff, 357px 1321px #fff, 1859px 1866px #fff, 1001px 909px #fff, 842px 1663px #fff, 369px 1176px #fff, 932px 1372px #fff, 1606px 732px #fff, 1844px 857px #fff, 974px 1588px #fff, 804px 1139px #fff, 65px 1213px #fff, 1066px 863px #fff, 1991px 1734px #fff, 300px 738px #fff, 1260px 1141px #fff, 83px 260px #fff, 1219px 167px #fff, 613px 990px #fff, 873px 81px #fff, 362px 235px #fff, 373px 372px #fff, 80px 247px #fff, 902px 1141px #fff, 294px 464px #fff, 766px 1925px #fff, 1151px 1305px #fff, 1250px 1593px #fff, 1289px 119px #fff, 1525px 1505px #fff, 234px 1306px #fff, 571px 858px #fff, 571px 996px #fff, 766px 1342px #fff, 1371px 716px #fff, 711px 1939px #fff, 904px 1797px #fff, 424px 1710px #fff, 762px 1614px #fff, 1389px 1290px #fff, 905px 689px #fff, 352px 38px #fff, 2000px 1317px #fff, 597px 864px #fff, 824px 711px #fff, 966px 1060px #fff, 958px 992px #fff, 1121px 324px #fff, 1624px 688px #fff, 1737px 702px #fff, 1566px 1344px #fff, 697px 368px #fff, 291px 1126px #fff, 1732px 50px #fff, 712px 1941px #fff, 1257px 372px #fff, 317px 1462px #fff, 222px 309px #fff, 1139px 647px #fff, 170px 878px #fff, 1272px 1511px #fff, 1009px 1912px #fff, 1875px 1105px #fff, 1968px 1370px #fff, 1193px 687px #fff, 1498px 611px #fff, 247px 1993px #fff, 1686px 1611px #fff, 937px 340px #fff, 114px 1423px #fff, 496px 1191px #fff, 110px 1284px #fff, 876px 687px #fff, 1173px 214px #fff, 210px 628px #fff, 302px 1173px #fff, 1318px 939px #fff, 1665px 1310px #fff, 66px 338px #fff, 1355px 615px #fff, 1139px 1672px #fff, 91px 1000px #fff, 112px 422px #fff, 89px 503px #fff, 97px 1599px #fff, 1031px 1955px #fff, 1755px 1532px #fff, 1764px 1930px #fff, 1822px 1751px #fff, 133px 401px #fff, 718px 85px #fff, 1797px 78px #fff, 520px 1725px #fff, 226px 406px #fff, 1561px 1574px #fff, 340px 1602px #fff, 718px 976px #fff, 1823px 570px #fff, 1298px 484px #fff, 1023px 1903px #fff, 1266px 1334px #fff, 763px 877px #fff, 223px 631px #fff, 1761px 1293px #fff, 878px 1px #fff, 973px 696px #fff, 975px 1841px #fff, 1276px 302px #fff, 1399px 1324px #fff, 1706px 872px #fff, 341px 1960px #fff, 1384px 1655px #fff, 1897px 767px #fff, 68px 405px #fff, 705px 310px #fff, 194px 103px #fff, 1432px 368px #fff, 1262px 1682px #fff, 1933px 1526px #fff, 263px 655px #fff, 1031px 1031px #fff, 1557px 788px #fff, 1558px 1360px #fff, 812px 421px #fff, 1951px 734px #fff, 1567px 498px #fff, 1832px 1229px #fff, 913px 164px #fff, 1907px 1273px #fff, 533px 749px #fff, 1235px 951px #fff, 645px 1959px #fff, 92px 1570px #fff, 1169px 1434px #fff, 118px 1223px #fff, 583px 957px #fff, 1245px 316px #fff, 527px 863px #fff, 372px 1007px #fff, 244px 1251px #fff, 314px 494px #fff, 1842px 1463px #fff, 1315px 730px #fff, 1655px 1366px #fff, 482px 979px #fff, 340px 1808px #fff, 256px 578px #fff, 858px 1792px #fff, 1965px 403px #fff, 454px 253px #fff, 1664px 698px #fff, 1974px 750px #fff, 262px 1801px #fff, 1652px 1076px #fff, 992px 711px #fff, 1792px 1323px #fff, 700px 1748px #fff, 855px 966px #fff, 1833px 1747px #fff, 402px 1272px #fff, 1391px 1039px #fff, 1395px 1538px #fff, 397px 1972px #fff, 744px 1403px #fff, 1784px 1046px #fff, 111px 198px #fff, 1827px 473px #fff, 1347px 1891px #fff, 1238px 1081px #fff, 189px 908px #fff, 1513px 542px #fff, 673px 981px #fff, 720px 1184px #fff, 373px 792px #fff, 1470px 1631px #fff, 16px 822px #fff, 1935px 829px #fff, 364px 613px #fff, 223px 899px #fff, 1233px 874px #fff, 1441px 1834px #fff, 719px 894px #fff, 76px 1610px #fff, 296px 685px #fff, 572px 1637px #fff, 349px 114px #fff, 1670px 1802px #fff, 979px 928px #fff, 1589px 574px #fff, 756px 194px #fff, 616px 507px #fff, 271px 186px #fff, 198px 360px #fff, 1916px 418px #fff, 721px 667px #fff, 1937px 1908px #fff, 17px 556px #fff, 345px 443px #fff, 718px 760px #fff, 1922px 310px #fff, 1185px 887px #fff, 1745px 1848px #fff, 909px 847px #fff, 1170px 134px #fff, 1773px 1133px #fff, 1099px 233px #fff, 1122px 1524px #fff, 866px 907px #fff, 398px 213px #fff, 1287px 886px #fff, 1194px 149px #fff, 1876px 1667px #fff, 332px 1658px #fff, 146px 1253px #fff, 958px 211px #fff, 643px 47px #fff, 1213px 1339px #fff, 1637px 1939px #fff, 1601px 355px #fff, 256px 1982px #fff, 989px 1609px #fff, 1179px 701px #fff, 685px 1463px #fff, 1910px 465px #fff, 764px 1930px #fff, 1856px 433px #fff, 720px 367px #fff, 1821px 416px #fff, 48px 1114px #fff, 716px 489px #fff, 174px 1972px #fff, 115px 1373px #fff, 1487px 141px #fff, 1919px 1362px #fff, 1662px 859px #fff, 1168px 490px #fff, 706px 1820px #fff, 588px 318px #fff, 107px 778px #fff, 621px 1667px #fff, 1331px 1996px #fff, 1404px 1154px #fff, 860px 1019px #fff, 1385px 1883px #fff, 1066px 1951px #fff, 752px 444px #fff, 955px 1031px #fff, 1256px 1899px #fff, 961px 1455px #fff, 1101px 84px #fff, 890px 335px #fff, 798px 40px #fff, 138px 54px #fff, 1934px 252px #fff, 429px 324px #fff, 1645px 1522px #fff, 218px 737px #fff, 1625px 531px #fff, 605px 1290px #fff, 1867px 648px #fff, 82px 1137px #fff, 231px 1423px #fff, 471px 944px #fff, 1363px 1752px #fff, 482px 1364px #fff, 1305px 627px #fff, 1065px 891px #fff, 217px 1841px #fff, 1843px 1501px #fff, 1681px 734px #fff, 185px 856px #fff, 609px 1094px #fff, 49px 1657px #fff, 783px 594px #fff, 1018px 1123px #fff, 644px 1149px #fff, 739px 1262px #fff, 1439px 1187px #fff, 1789px 1507px #fff, 941px 791px #fff, 1319px 1308px #fff, 498px 626px #fff, 1594px 858px #fff, 783px 71px #fff, 576px 1976px #fff, 1625px 696px #fff, 1821px 352px #fff, 1039px 885px #fff, 208px 430px #fff, 124px 198px #fff, 1964px 686px #fff, 1440px 1952px #fff, 231px 1435px #fff, 1846px 853px #fff, 1174px 536px #fff, 1228px 310px #fff, 1380px 699px #fff, 1116px 169px #fff, 1416px 1007px #fff, 178px 192px #fff, 1302px 1903px #fff, 1892px 154px #fff, 962px 1032px #fff, 1009px 1916px #fff, 1549px 1206px #fff, 899px 968px #fff, 902px 543px #fff, 1516px 542px #fff, 965px 527px #fff, 1594px 696px #fff, 856px 1719px #fff, 1522px 248px #fff, 1795px 283px #fff, 1144px 946px #fff, 1365px 199px #fff, 359px 1347px #fff, 1506px 263px #fff, 433px 1793px #fff, 201px 247px #fff, 942px 838px #fff, 1122px 1065px #fff, 1997px 108px #fff, 306px 989px #fff, 641px 1713px #fff, 1072px 959px #fff, 1874px 1079px #fff, 1938px 269px #fff, 891px 389px #fff, 22px 574px #fff, 727px 474px #fff, 1671px 1649px #fff, 98px 400px #fff, 641px 798px #fff, 1218px 1051px #fff, 907px 1485px #fff, 1002px 1549px #fff, 1932px 1448px #fff, 1132px 573px #fff, 1222px 1147px #fff, 1009px 451px #fff, 698px 1940px #fff, 97px 1123px #fff, 904px 751px #fff, 1904px 593px #fff, 1451px 1658px #fff, 191px 1606px #fff, 1346px 482px #fff, 1935px 1086px #fff, 1052px 224px #fff, 526px 1810px #fff, 1607px 606px #fff, 427px 1830px #fff, 1546px 407px #fff, 1771px 208px #fff, 1714px 181px #fff, 1332px 943px #fff, 1663px 1094px #fff, 1861px 1747px #fff, 1429px 1217px #fff, 1733px 1915px #fff, 925px 1179px #fff, 735px 781px #fff, 1775px 1989px #fff, 1770px 476px #fff, 844px 400px #fff, 1793px 1517px #fff, 544px 281px #fff, 725px 344px #fff, 1274px 764px #fff, 1845px 339px #fff, 582px 1745px #fff, 351px 1287px #fff, 207px 749px #fff, 1063px 1411px #fff, 1246px 342px #fff, 1538px 166px #fff, 770px 602px #fff, 1214px 1971px #fff, 113px 294px #fff, 1157px 101px #fff, 1657px 517px #fff, 637px 1693px #fff, 961px 1649px #fff, 1754px 1572px #fff, 1885px 659px #fff, 238px 34px #fff, 413px 1027px #fff, 1709px 1556px #fff, 460px 878px #fff, 1597px 608px #fff, 544px 434px #fff, 1258px 477px #fff, 565px 1863px #fff, 426px 322px #fff, 1917px 850px #fff, 296px 144px #fff, 643px 1896px #fff, 511px 116px #fff, 359px 847px #fff, 702px 1133px #fff, 857px 1371px #fff, 559px 1758px #fff, 1615px 1223px #fff, 1927px 1736px #fff, 704px 941px #fff, 1932px 942px #fff, 1462px 335px #fff, 154px 1915px #fff, 1387px 918px #fff, 1512px 1041px #fff, 1094px 1334px #fff, 1678px 865px #fff, 1960px 431px #fff, 666px 1258px #fff, 422px 1215px #fff, 345px 802px #fff, 1207px 647px #fff, 1701px 374px #fff, 1440px 1925px #fff, 1536px 1163px #fff, 905px 155px #fff, 843px 1036px #fff, 660px 823px #fff, 1329px 661px #fff, 1867px 899px #fff, 1022px 514px #fff, 1062px 1570px #fff, 888px 1786px #fff, 699px 1738px #fff, 1831px 1712px #fff, 434px 18px #fff, 227px 205px #fff, 520px 1279px #fff, 1329px 764px #fff, 1824px 47px #fff, 112px 266px #fff, 830px 1140px #fff, 478px 637px #fff, 634px 850px #fff, 711px 873px #fff, 987px 249px #fff, 1454px 909px #fff, 699px 922px #fff, 1458px 1142px #fff, 701px 1893px #fff, 134px 384px #fff, 904px 354px #fff, 1913px 1229px #fff, 1606px 1336px #fff, 976px 1776px #fff, 1726px 605px #fff, 1244px 590px #fff, 1351px 526px #fff, 1997px 130px #fff, 1137px 1134px #fff, 1293px 283px #fff, 977px 1608px #fff, 422px 1252px #fff, 236px 1653px #fff, 28px 1722px #fff, 698px 39px #fff, 5px 434px #fff, 1430px 1466px #fff, 1470px 1596px #fff, 487px 81px #fff, 186px 340px #fff, 1941px 1px #fff, 1342px 487px #fff, 813px 1855px #fff, 1445px 148px #fff, 1965px 1428px #fff, 1122px 1277px #fff, 846px 820px #fff, 1804px 228px #fff, 1501px 121px #fff, 215px 1033px #fff, 244px 426px #fff, 976px 453px #fff, 566px 953px #fff, 1772px 213px #fff, 1323px 1778px #fff, 1350px 817px #fff, 803px 913px #fff, 1395px 1359px #fff, 1995px 119px #fff, 579px 1963px #fff, 862px 1621px #fff, 1718px 825px #fff, 823px 27px #fff, 1252px 41px #fff, 1562px 835px #fff, 1730px 633px #fff, 1723px 1939px #fff, 524px 1824px #fff, 1921px 1450px #fff, 1174px 1062px #fff, 1008px 1932px #fff, 467px 334px #fff, 80px 818px #fff, 1266px 1185px #fff, 1589px 807px #fff, 1221px 320px #fff, 1724px 852px #fff, 1194px 286px #fff, 800px 1835px #fff, 1958px 728px #fff, 1271px 376px #fff, 43px 1654px #fff, 77px 803px #fff, 1399px 197px #fff, 591px 1743px #fff, 652px 1925px #fff, 107px 1939px #fff, 1110px 1708px #fff, 797px 1480px #fff, 1516px 684px #fff, 559px 1733px #fff, 1265px 718px #fff, 1263px 54px #fff, 693px 113px #fff, 1456px 1459px #fff, 1527px 1324px #fff; }

.stars-big { 

 content: "e";
 width: 2px;
 height: 2px;
 background: transparent;
 box-shadow: 1907px 1575px #fff, 893px 268px #fff, 1819px 666px #fff, 366px 1985px #fff, 1736px 1062px #fff, 1124px 45px #fff, 905px 1674px #fff, 1570px 711px #fff, 255px 1747px #fff, 147px 1032px #fff, 865px 1813px #fff, 1721px 1461px #fff, 202px 724px #fff, 1860px 812px #fff, 634px 1410px #fff, 927px 1264px #fff, 1648px 620px #fff, 1915px 1309px #fff, 731px 778px #fff, 91px 1185px #fff, 829px 1003px #fff, 174px 1784px #fff, 1094px 1874px #fff, 1464px 484px #fff, 1639px 1717px #fff, 959px 573px #fff, 1686px 1287px #fff, 906px 356px #fff, 970px 499px #fff, 626px 890px #fff, 1344px 1070px #fff, 1351px 544px #fff, 708px 68px #fff, 1870px 130px #fff, 556px 1270px #fff, 1432px 618px #fff, 769px 673px #fff, 1289px 1410px #fff, 1499px 1969px #fff, 749px 1163px #fff, 1198px 198px #fff, 399px 133px #fff, 1856px 1280px #fff, 904px 194px #fff, 973px 1107px #fff, 1371px 1785px #fff, 989px 1835px #fff, 1043px 1517px #fff, 787px 916px #fff, 1635px 1155px #fff, 752px 524px #fff, 1926px 1279px #fff, 1052px 1163px #fff, 719px 1963px #fff, 786px 519px #fff, 1440px 500px #fff, 156px 1265px #fff, 1691px 429px #fff, 1349px 1474px #fff, 736px 459px #fff, 248px 1678px #fff, 1136px 510px #fff, 1317px 10px #fff, 1209px 1323px #fff, 54px 469px #fff, 730px 1939px #fff, 960px 23px #fff, 112px 941px #fff, 1852px 1522px #fff, 1993px 1972px #fff, 265px 129px #fff, 222px 1897px #fff, 1766px 1804px #fff, 1530px 1786px #fff, 1045px 432px #fff, 1916px 1980px #fff, 309px 1780px #fff, 1420px 559px #fff, 1708px 103px #fff, 324px 1407px #fff, 1175px 943px #fff, 80px 1221px #fff, 1016px 1933px #fff, 318px 560px #fff, 190px 1489px #fff, 1095px 892px #fff, 1975px 1191px #fff, 1197px 955px #fff, 1482px 873px #fff, 1912px 300px #fff, 2000px 1636px #fff, 1473px 1808px #fff, 507px 192px #fff, 924px 1300px #fff, 1485px 1636px #fff, 41px 1822px #fff, 689px 120px #fff, 769px 273px #fff, 1039px 976px #fff, 1057px 1520px #fff, 1417px 1187px #fff, 512px 1507px #fff, 519px 45px #fff, 1207px 1687px #fff, 1824px 1488px #fff, 1694px 31px #fff, 1859px 52px #fff, 1368px 268px #fff, 190px 1404px #fff, 940px 1003px #fff, 167px 942px #fff, 1641px 647px #fff, 1051px 654px #fff, 233px 1640px #fff, 554px 511px #fff, 1705px 1866px #fff, 240px 1430px #fff, 140px 668px #fff, 648px 1617px #fff, 252px 101px #fff, 676px 1774px #fff, 889px 1698px #fff, 595px 853px #fff, 249px 1768px #fff, 1091px 1529px #fff, 223px 839px #fff, 239px 699px #fff, 1547px 356px #fff, 249px 1130px #fff, 1209px 1946px #fff, 1967px 1274px #fff, 430px 298px #fff, 1305px 134px #fff, 156px 91px #fff, 1712px 264px #fff, 1256px 991px #fff, 1887px 1844px #fff, 1957px 1275px #fff, 1718px 666px #fff, 1090px 543px #fff, 933px 1411px #fff, 801px 323px #fff, 202px 1659px #fff, 1117px 549px #fff, 290px 1859px #fff, 1380px 1516px #fff, 557px 1165px #fff, 1953px 1758px #fff, 1901px 1407px #fff, 1144px 347px #fff, 1640px 271px #fff, 1996px 43px #fff, 838px 488px #fff, 1151px 1529px #fff, 306px 460px #fff, 1666px 635px #fff, 1572px 633px #fff, 1797px 1076px #fff, 1727px 1119px #fff, 474px 871px #fff, 1491px 1398px #fff, 1301px 868px #fff, 1632px 454px #fff, 1611px 466px #fff, 498px 1162px #fff, 796px 269px #fff, 1988px 747px #fff, 502px 12px #fff, 276px 1260px #fff, 1536px 974px #fff, 956px 656px #fff, 107px 701px #fff, 965px 491px #fff, 1646px 247px #fff, 1515px 921px #fff, 1813px 519px #fff, 697px 143px #fff, 591px 1452px #fff, 1773px 1411px #fff, 1622px 1401px #fff, 534px 340px #fff, 1590px 284px #fff, 1464px 528px #fff, 734px 1718px #fff, 1929px 1683px #fff, 656px 480px #fff, 833px 705px #fff, 1567px 109px #fff, 1055px 330px #fff, 1943px 1367px #fff, 1935px 1512px #fff, 355px 1024px #fff, 1894px 218px #fff, 1703px 1772px #fff, 781px 1394px #fff, 367px 42px #fff, 100px 690px #fff, 1831px 458px #fff, 1884px 1878px #fff, 814px 1013px #fff;
 animation: animStar 100s linear infinite; }

.stars-big:after { 

 content: " ";
 position: absolute;
 top: 2000px;
 width: 2px;
 height: 2px;
 background: transparent;
 box-shadow: 1907px 1575px #fff, 893px 268px #fff, 1819px 666px #fff, 366px 1985px #fff, 1736px 1062px #fff, 1124px 45px #fff, 905px 1674px #fff, 1570px 711px #fff, 255px 1747px #fff, 147px 1032px #fff, 865px 1813px #fff, 1721px 1461px #fff, 202px 724px #fff, 1860px 812px #fff, 634px 1410px #fff, 927px 1264px #fff, 1648px 620px #fff, 1915px 1309px #fff, 731px 778px #fff, 91px 1185px #fff, 829px 1003px #fff, 174px 1784px #fff, 1094px 1874px #fff, 1464px 484px #fff, 1639px 1717px #fff, 959px 573px #fff, 1686px 1287px #fff, 906px 356px #fff, 970px 499px #fff, 626px 890px #fff, 1344px 1070px #fff, 1351px 544px #fff, 708px 68px #fff, 1870px 130px #fff, 556px 1270px #fff, 1432px 618px #fff, 769px 673px #fff, 1289px 1410px #fff, 1499px 1969px #fff, 749px 1163px #fff, 1198px 198px #fff, 399px 133px #fff, 1856px 1280px #fff, 904px 194px #fff, 973px 1107px #fff, 1371px 1785px #fff, 989px 1835px #fff, 1043px 1517px #fff, 787px 916px #fff, 1635px 1155px #fff, 752px 524px #fff, 1926px 1279px #fff, 1052px 1163px #fff, 719px 1963px #fff, 786px 519px #fff, 1440px 500px #fff, 156px 1265px #fff, 1691px 429px #fff, 1349px 1474px #fff, 736px 459px #fff, 248px 1678px #fff, 1136px 510px #fff, 1317px 10px #fff, 1209px 1323px #fff, 54px 469px #fff, 730px 1939px #fff, 960px 23px #fff, 112px 941px #fff, 1852px 1522px #fff, 1993px 1972px #fff, 265px 129px #fff, 222px 1897px #fff, 1766px 1804px #fff, 1530px 1786px #fff, 1045px 432px #fff, 1916px 1980px #fff, 309px 1780px #fff, 1420px 559px #fff, 1708px 103px #fff, 324px 1407px #fff, 1175px 943px #fff, 80px 1221px #fff, 1016px 1933px #fff, 318px 560px #fff, 190px 1489px #fff, 1095px 892px #fff, 1975px 1191px #fff, 1197px 955px #fff, 1482px 873px #fff, 1912px 300px #fff, 2000px 1636px #fff, 1473px 1808px #fff, 507px 192px #fff, 924px 1300px #fff, 1485px 1636px #fff, 41px 1822px #fff, 689px 120px #fff, 769px 273px #fff, 1039px 976px #fff, 1057px 1520px #fff, 1417px 1187px #fff, 512px 1507px #fff, 519px 45px #fff, 1207px 1687px #fff, 1824px 1488px #fff, 1694px 31px #fff, 1859px 52px #fff, 1368px 268px #fff, 190px 1404px #fff, 940px 1003px #fff, 167px 942px #fff, 1641px 647px #fff, 1051px 654px #fff, 233px 1640px #fff, 554px 511px #fff, 1705px 1866px #fff, 240px 1430px #fff, 140px 668px #fff, 648px 1617px #fff, 252px 101px #fff, 676px 1774px #fff, 889px 1698px #fff, 595px 853px #fff, 249px 1768px #fff, 1091px 1529px #fff, 223px 839px #fff, 239px 699px #fff, 1547px 356px #fff, 249px 1130px #fff, 1209px 1946px #fff, 1967px 1274px #fff, 430px 298px #fff, 1305px 134px #fff, 156px 91px #fff, 1712px 264px #fff, 1256px 991px #fff, 1887px 1844px #fff, 1957px 1275px #fff, 1718px 666px #fff, 1090px 543px #fff, 933px 1411px #fff, 801px 323px #fff, 202px 1659px #fff, 1117px 549px #fff, 290px 1859px #fff, 1380px 1516px #fff, 557px 1165px #fff, 1953px 1758px #fff, 1901px 1407px #fff, 1144px 347px #fff, 1640px 271px #fff, 1996px 43px #fff, 838px 488px #fff, 1151px 1529px #fff, 306px 460px #fff, 1666px 635px #fff, 1572px 633px #fff, 1797px 1076px #fff, 1727px 1119px #fff, 474px 871px #fff, 1491px 1398px #fff, 1301px 868px #fff, 1632px 454px #fff, 1611px 466px #fff, 498px 1162px #fff, 796px 269px #fff, 1988px 747px #fff, 502px 12px #fff, 276px 1260px #fff, 1536px 974px #fff, 956px 656px #fff, 107px 701px #fff, 965px 491px #fff, 1646px 247px #fff, 1515px 921px #fff, 1813px 519px #fff, 697px 143px #fff, 591px 1452px #fff, 1773px 1411px #fff, 1622px 1401px #fff, 534px 340px #fff, 1590px 284px #fff, 1464px 528px #fff, 734px 1718px #fff, 1929px 1683px #fff, 656px 480px #fff, 833px 705px #fff, 1567px 109px #fff, 1055px 330px #fff, 1943px 1367px #fff, 1935px 1512px #fff, 355px 1024px #fff, 1894px 218px #fff, 1703px 1772px #fff, 781px 1394px #fff, 367px 42px #fff, 100px 690px #fff, 1831px 458px #fff, 1884px 1878px #fff, 814px 1013px #fff; }

@keyframes animStar { 

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

/* Nav section */ /* https://blog.hubspot.com/website/bootstrap-navbar https://colorlib.com/wp/template/website-menu-01/ https://preview.colorlib.com/theme/bootstrap/website-menu-01/#about-section https://codepen.io/albizan/pen/mMWdWZ

  • /
  1. navbar-main-wrapper {
 padding-top: 10px !important;
 margin-bottom: -3px !important; }

.site-navbar { 

 margin-bottom: 0px;
 z-index: 1999;
 position: absolute;
 top: 0;
 width: 100%;
 font-family: "Geomanist"; }

.site-navbar .site-logo { 

 position: relative;
 left: 0;
 font-size: 2em; }

.site-navbar .site-logo img { 

 height: 1.5em !important;
 padding: 5px 0 0 0 !important;
 margin-top: -6px !important; }

.site-navbar .site-navigation .site-menu { 

 margin-bottom: 0; }

.site-navbar .site-navigation .site-menu .active { 

 color: #005700;
 display: inline-block;
 padding: 20px 20px; }

.site-navbar .site-navigation .site-menu a { 

 text-decoration: none !important;
 display: inline-block; }

.site-navbar .site-navigation .site-menu > li { 

 display: inline-block; }

.site-navbar .site-navigation .site-menu > li > a { 

 padding: 20px 20px;
 font-size: 0.9em;
 text-transform: uppercase;
 display: inline-block;
 text-decoration: none !important; }

.site-navbar .site-navigation .site-menu > li > a:hover { 

 color: #005700; }

.site-navbar .site-navigation .site-menu > li.social > a { 

 padding-left: 5px;
 padding-right: 5px; }

.site-navbar .site-navigation .site-menu .has-children { 

 position: relative; }

.site-navbar .site-navigation .site-menu .has-children > a { 

 position: relative;
 padding-right: 20px; }

.site-navbar .site-navigation .site-menu .has-children > a:before { 

 position: absolute;
 content: "\e604";
 font-size: 1em;
 top: 50%;
 right: 0;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 font-family: "simple-line-icons"; }

.site-navbar .site-navigation .site-menu .has-children .dropdown { 

 visibility: hidden;
 opacity: 0;
 top: 100%;
 position: absolute;
 text-align: left;
 border-top: 2px solid #fff;
 /*$link-color;*/
 -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
 box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
 padding: 0px 0;
 margin-top: 20px;
 margin-left: 0px;
 background: #fff;
 -webkit-transition: 0.2s 0s;
 -o-transition: 0.2s 0s;
 transition: 0.2s 0s; }

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top { 

 position: absolute; }

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before { 

 bottom: 100%;
 left: 20%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none; }

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before { 

 border-color: #222;
 border-bottom-color: #fff;
 border-width: 10px;
 margin-left: -10px; }

.site-navbar .site-navigation .site-menu .has-children .dropdown a { 

 text-transform: none;
 letter-spacing: normal;
 -webkit-transition: 0s all;
 -o-transition: 0s all;
 transition: 0s all;
 color: #222; }

.site-navbar .site-navigation .site-menu .has-children .dropdown .active { 

 color: #005700 !important; }

.site-navbar .site-navigation .site-menu .has-children .dropdown > li { 

 list-style: none;
 padding: 0;
 margin: 0;
 min-width: 210px; }

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a { 

 padding: 9px 20px;
 display: block; }

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover { 

 background: #eaeaea;
 color: #222; }

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before { 

 content: "\e606";
 right: 20px; }

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul { 

 left: 100%;
 top: 0; }

.site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a { 

 color: #005700; }

.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active { 

 cursor: pointer; }

.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown { 

 -webkit-transition-delay: 0s;
 -o-transition-delay: 0s;
 transition-delay: 0s;
 margin-top: 0px;
 visibility: visible;
 opacity: 1;
 z-index: 10000; }

.site-mobile-menu { 

 width: 300px;
 position: fixed;
 right: 0;
 z-index: 2000;
 padding-top: 20px;
 background: #fff;
 height: calc(100vh);
 -webkit-transform: translateX(110%);
 -ms-transform: translateX(110%);
 transform: translateX(110%);
 -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
 box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
 -webkit-transition: 0.3s all ease-in-out;
 -o-transition: 0.3s all ease-in-out;
 transition: 0.3s all ease-in-out; }

.offcanvas-menu .site-mobile-menu { 

 -webkit-transform: translateX(0%);
 -ms-transform: translateX(0%);
 transform: translateX(0%); }

.site-mobile-menu .site-mobile-menu-header { 

 width: 100%;
 float: left;
 padding-left: 20px;
 padding-right: 20px; }

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close { 

 float: right;
 margin-top: -5px !important; }

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span { 

 font-size: 1.8em;
 display: inline-block;
 padding-left: 10px;
 padding-right: 0px;
 line-height: 1;
 cursor: pointer;
 -webkit-transition: 0.3s all ease;
 -o-transition: 0.3s all ease;
 transition: 0.3s all ease; }

.js-menu-toggle { 

 font-size: 18px !important;
 padding: 0 30px 10px 30px !important; }

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo { 

 float: left;
 margin-top: 10px;
 margin-left: 0px; }

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a { 

 display: inline-block;
 text-transform: uppercase; }

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img { 

 max-width: 70px; }

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover { 

 text-decoration: none; }

.site-mobile-menu .site-mobile-menu-body { 

 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
 position: relative;
 padding: 0 20px 20px 20px;
 height: calc(100vh - 52px);
 padding-bottom: 150px; }

.site-mobile-menu .site-nav-wrap { 

 padding: 0;
 margin: 0;
 list-style: none;
 position: relative; }

.site-mobile-menu .site-nav-wrap a { 

 padding: 10px 20px;
 display: block;
 position: relative;
 color: #222; }

.site-mobile-menu .site-nav-wrap a:hover { 

 color: #005700; }

.site-mobile-menu .site-nav-wrap li { 

 position: relative;
 display: block; }

.site-mobile-menu .site-nav-wrap li .active { 

 color: #005700; }

.site-mobile-menu .site-nav-wrap .social { 

 display: inline-block; }

.site-mobile-menu .site-nav-wrap .arrow-collapse { 

 position: absolute;
 right: 0px;
 top: 10px;
 z-index: 20;
 width: 36px;
 height: 36px;
 text-align: center;
 cursor: pointer;
 border-radius: 50%; }

.site-mobile-menu .site-nav-wrap .arrow-collapse:hover { 

 background: #eaeaea; }

.site-mobile-menu .site-nav-wrap .arrow-collapse:before { 

 font-size: 0.75em;
 z-index: 20;
 font-family: "simple-line-icons";
 content: "\e604";
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%) rotate(-180deg);
 -ms-transform: translate(-50%, -50%) rotate(-180deg);
 transform: translate(-50%, -50%) rotate(-180deg);
 -webkit-transition: 0.3s all ease;
 -o-transition: 0.3s all ease;
 transition: 0.3s all ease; }

.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before { 

 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%); }

.site-mobile-menu .site-nav-wrap > li { 

 display: block;
 position: relative;
 float: left;
 width: 100%; }

.site-mobile-menu .site-nav-wrap > li.social { 

 float: none !important;
 width: auto !important; }

.site-mobile-menu .site-nav-wrap > li > a { 

 padding-left: 20px;
 font-size: 1.25em; }

.site-mobile-menu .site-nav-wrap > li > ul { 

 padding: 0;
 margin: 0;
 list-style: none; }

.site-mobile-menu .site-nav-wrap > li > ul > li { 

 display: block; }

.site-mobile-menu .site-nav-wrap > li > ul > li > a { 

 padding-left: 40px;
 font-size: 1em; }

.site-mobile-menu .site-nav-wrap > li > ul > li > ul { 

 padding: 0;
 margin: 0; }

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li { 

 display: block; }

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a { 

 font-size: 1em;
 padding-left: 60px; }

.site-mobile-menu .site-nav-wrap[data-class="social"] { 

 float: left;
 width: 100%;
 margin-top: 30px;
 padding-bottom: 5em; }

.site-mobile-menu .site-nav-wrap[data-class="social"] > li { 

 width: auto; }

.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a { 

 padding-left: 15px !important; }

.sticky-wrapper { 

 position: absolute;
 z-index: 100;
 width: 100%; }

.sticky-wrapper .site-navbar { 

 -webkit-transition: 0.3s all ease;
 -o-transition: 0.3s all ease;
 transition: 0.3s all ease; }

.sticky-wrapper .site-navbar .site-menu-toggle { 

 color: #fff;
 margin-bottom: -20px; }

.sticky-wrapper .site-navbar .site-logo a { 

 color: #fff; }

.sticky-wrapper .site-navbar .site-menu > li > a { 

 color: #fff !important;
 font-weight: 600; }

.sticky-wrapper .site-navbar .site-menu > li > a:hover, .sticky-wrapper .site-navbar .site-menu > li > a.active { 

 color: #fff !important; }

.sticky-wrapper.is-sticky .site-navbar { 

 background: #fff;
 border-bottom: 1px solid transparent;
 -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1);
 box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1); }

.sticky-wrapper.is-sticky .site-navbar .site-menu-toggle { 

 color: #222; }

.sticky-wrapper.is-sticky .site-navbar .site-logo a { 

 color: #222; }

.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a { 

 color: #222 !important; }

.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover, .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active { 

 color: #005700 !important; }

.fa-bars { 

 font-size: 25px; }

/* 

 font-family: "Font Awesome 5 Free";
 font-weight: 400;
 content: "\f078";

 font-family: "Font Awesome 5 Free";
 font-weight: 400;
 content: "\f054";
  • /

/* https://www.bram.us/2020/01/10/smooth-scrolling-sticky-scrollspy-navigation/ */

  1. sidebar {
 max-width: 25vw; }
 @media only screen and (max-width: 1500px) {
   #sidebar {
     display: none; } }

.toc-wrapper { 

 position: sticky;
 top: 6rem;
 overflow-y: auto;
 max-height: calc(100vh - 8rem);
 align-self: start;
 padding-top: 30px;
 font-size: larger !important;
 margin-right: 0;
 word-wrap: break-word;
 font-family: "Bahnschrift", sans-serif !important;
 font-size: 20px !important; }

.toc-wrapper > h3 { 

 font-family: "Bahnschrift", sans-serif !important;
 font-size: 31.5px !important; }

.toc-wrapper > h3 > a { 

 color: #222; }
  1. TableOfContents li.active > a {
 color: #005700;
 font-weight: 500; }
  1. TableOfContents a {
 text-decoration: none;
 display: block;
 padding: 0.125rem 0;
 color: #222;
 transition: all 100ms ease-in-out; }
  1. TableOfContents ul {
 text-decoration: none;
 list-style-type: none;
 padding-left: 10px; }
  1. TableOfContents ul ul {
 padding-left: 30px; }

.toc-marker { 

 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: -1; }
 .toc-marker path {
   transition: all 0.3s ease; }

/* 

* Accessibility section
* https://github.com/brenonovelli/Accessibility-Settings-Bar
* https://www.smashingmagazine.com/2015/12/making-accessibility-simpler/
*/

/* 

*   - https://allyjs.io/
*   - Sliding accessibility panel:
*       - https://www.cssscript.com/sliding-accessibility-settings-panel/
*       - https://www.cssscript.com/demo/sliding-accessibility-settings-panel/
*       - very nice
*   - CSS modifiers to show unaccessible sections:
*       - https://www.cssscript.com/page-accessibility-testing/
*   - Hide inaccessible elements:
*       - https://www.cssscript.com/hide-elements-accessibility-issues-hidden/
*/
  1. accessibilityBar {
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 z-index: 9999;
 position: fixed;
 top: calc(100% - 2rem);
 right: 0;
 transform: translate(100%, -50%);
 background-color: rgba(34, 34, 34, 0.75);
 border-radius: 0.5rem 0 0 0.5rem; }
  1. accessibilityBar * {
 box-sizing: border-box; }
  1. accessibilityBar.active {
 transform: translate(0, -90%);
 box-shadow: 0 5px 30px rgba(34, 34, 34, 0.75); }
  1. accessibilityBar button {
 outline: none !important;
 box-shadow: none !important;
 -webkit-appearance: none;
 cursor: pointer; }
  1. accessibilityBar button#universalAccessBtn {
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 font-size: 24px;
 font-size: 1.5rem;
 line-height: 1;
 color: #fff;
 background-color: #535353;
 width: 2.5rem;
 height: 2.5rem;
 margin: 0 10px 10px 0;
 border-radius: 50%;
 border: none;
 position: absolute;
 top: 50%;
 transform: translate(-128%, -50%);
 cursor: pointer; }
  1. accessibilityBar button#universalAccessBtn span {
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 font-size: 16px;
 font-size: 1rem;
 line-height: 1;
 text-align: right;
 font-weight: bold;
 color: #fff;
 background-color: #535353;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 height: 100%;
 padding: 0 1rem;
 border-radius: 0.25rem;
 display: flex;
 align-items: center;
 position: absolute;
 top: 50%;
 right: 120%;
 transform: translateY(-50%); }
  1. accessibilityBar button#universalAccessBtn.collapsed span {
 opacity: 0;
 right: 50%; }
  1. accessibilityBar button#universalAccessBtn:hover span {
 opacity: 1;
 right: 120%; }
  1. accessibilityBar button.setAccessibility {
 font-size: 12px;
 font-size: 0.75rem;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 color: #222;
 font-weight: 700;
 background-color: #fff;
 width: 100%;
 padding: 0.1rem 0.2rem;
 border-radius: 0.25rem;
 border: none;
 display: flex;
 align-items: center;
 margin: 0.25rem; }
  1. accessibilityBar button.setAccessibility:hover {
 background-color: #fff; }
  1. accessibilityBar button.setAccessibility strong {
 color: #fff;
 background-color: #535353;
 width: 2.5rem;
 height: 2.5rem;
 border-radius: 0.2rem;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-right: 0.25rem; }

body.contrast #accessibilityBar button[data-accessibility="contrast"] { 

 background-color: #535353; }

body.accessibility_readingLine

  1. accessibilityBar

button[data-accessibility="readingLine"] { 

 background-color: #535353;
 color: #fff !important; }

body.accessibility_readingLine #readingLine { 

 background-color: #f20 !important;
 opacity: 1;
 width: 100vw;
 height: 0.5rem;
 position: absolute;
 left: 0;
 z-index: 9999;
 transform: translateY(0.5rem); }

/* Hero section */

  1. hero {
 height: auto;
 background: transparent;
 padding: 30px;
 color: #fff;
 background: transparent;
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
 -moz-box-shadow: inset 0 -20vh 10vh -10vh #000;
 -webkit-box-shadow: inset 0 -20vh 10vh -10vh #000;
 box-shadow: inset 0 -20vh 10vh -10vh #000; }
  1. hero_fore {
 margin-top: 10px;
 height: 80vh;
 background: transparent;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat; }

/* #hero h1 { 

   margin-top: 40vh;
   font-size: 6vw;

} */ /* Footer section */

  1. footer {
 /*-moz-box-shadow: 0 -4vh 2vh 2vh $background-color-black;
 -webkit-box-shadow: 0 -4vh 2vh 2vh $background-color-black;
 box-shadow: 0 -4vh 2vh 2vh $background-color-black;*/ }

/* Sponsors */

  1. sponsor-logos {
 text-align: center; }
  1. sponsor-logos img {
 max-width: 100%;
 max-height: 100%;
 object-fit: contain;
 -webkit-box-shadow: 0 0 10vh #000;
 -webkit-box-shadow: 0 0 10vh #000;
 box-shadow: 0 0 10vh #000; }

/* Social media icons 

   - https://codepen.io/minimalmonkey/pen/Ecpla
  • /
  1. contact-info {
 margin-top: -25px;
 padding-bottom: 50px; }

.icon-button { 

 background-color: white !important;
 box-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
 border-radius: 3.6rem;
 cursor: pointer;
 display: inline-block;
 font-size: 2rem;
 height: 3.6rem;
 line-height: 3.6rem;
 margin: 5px 5px;
 position: relative;
 text-align: center;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 width: 3.6rem; }

.icon-button span { 

 border-radius: 0;
 display: block;
 height: 0;
 left: 50%;
 margin: 0;
 position: absolute;
 top: 50%;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
 width: 0; }

.icon-button:hover span { 

 width: 3.6rem;
 height: 3.6rem;
 border-radius: 3.6rem;
 margin: -1.8rem; }

.twitter span { 

 background-color: #4099ff !important; }

.facebook span { 

 background-color: #3b5998 !important; }

.instagram span { 

 background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%) !important; }

.email span { 

 background-color: #3b5998 !important; }

.home span { 

 background-color: #552d62 !important; }

.icon-button i { 

 background: none;
 color: white !important;
 height: 3.6rem;
 left: 0;
 line-height: 3.6rem;
 position: absolute;
 top: 0;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
 width: 3.6rem;
 z-index: 10; }

.icon-button .fa-twitter { 

 color: #4099ff !important; }

.icon-button .fa-facebook { 

 color: #3b5998 !important; }

.icon-button .fa-instagram { 

 background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent; }

.icon-button .fa-envelope { 

 color: #3b5998 !important; }

.icon-button .fa-home { 

 color: #552d62 !important; }

.icon-button:hover .fa-twitter, .icon-button:hover .fa-facebook, .icon-button:hover .fa-instagram, .icon-button:hover .fa-envelope, .icon-button:hover .fa-home { 

 color: white !important;
 background: initial;
 -webkit-text-fill-color: white !important; }

/* Licensing */

  1. licensing {
 margin-top: -15px;
 font-size: 0.8em;
 flex-shrink: 0;
 padding-top: 2em;
 padding-bottom: 1em;
 color: #b3b3b3 !important;
 text-align: center; }

.license-image { 

 border-width: 0;
 max-height: 1.2em;
 vertical-align: middle; }

/* Shortcodes' stylings */ /* About section */

  1. team-video {
 border: 3px solid #fff;
 margin-bottom: 20px;
 position: relative;
 margin: 0 128px 2em 80px;
 height: 70vh;
 overflow-wrap: break-word; }
 @media only screen and (max-width: 1500px) and (min-width: 1000px) {
   #team-video {
     margin: 0 15% 2em 15%; } }
 @media only screen and (max-width: 1000px) {
   #team-video {
     margin: 0 30px 2em 30px;
     height: 55vh; } }
 @media only screen and (max-width: 500px) {
   #team-video {
     height: 35vh; } }
  1. team-video h3 {
 position: absolute;
 color: #42ea67;
 font-weight: 1000;
 z-index: 1;
 font-size: 20px;
 padding: 15px 0px 0px 20px; }
 @media only screen and (max-width: 450px) {
   #team-video h3 {
     display: none; } }
  1. team-video h1 {
 position: absolute;
 color: #fff;
 font-weight: 1000;
 z-index: 1;
 font-size: 50px;
 padding: 35px 0px 0px 20px; }
 @media only screen and (max-width: 450px) {
   #team-video h1 {
     padding: 15px 0px 0px 20px; } }
  1. team-video video {
 width: 100%;
 height: 100%;
 position: absolute;
 object-fit: cover;
 z-index: 0; }

.person-wrapper { 

 position: relative; }

.person-wrapper::after { 

 content: "";
 clear: both;
 display: table; }

.person-photo { 

 float: left;
 max-width: 150px; }

.person-photo img { 

 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 border-radius: 3px;
 padding-bottom: 10px; }

.person-description { 

 float: right;
 width: calc(100% - 150px);
 padding-left: 25px; }

.person-description .person-position { 

 color: #b3b3b3;
 display: block;
 margin-bottom: 20px; }

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

 .person-description {
   float: left !important;
   width: 100%;
   padding-left: 0; } }

/* .about-person { 

   outline: 2px solid $text-color-mid-light;
   outline-offset: -10px;

padding: 80px 30px 30px 30px; float: left; width: 100%; position: relative; margin-top: 80px; }

.about-person figure { position: absolute; margin-top: -60px; top: 0; left: 50%; margin-left: -60px; display: block; margin-bottom: 50px; }

.about-person figure img { width: 120px; border: inset 2px solid $text-color-mid-light; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }

.about-person h3 { margin-bottom: 0px; }

.about-person .person-position { color: $text-color-mid-light; display: block; margin-bottom: 20px; }

  • /

/* Carousel section */

  1. carousel {
 margin: auto;
 max-width: 90%; }

.hugo-figure-caption { 

 padding-top: 5px; }

.centered-image { 

 max-width: 90%;
 min-width: 50%; }

.timeline { 

 position: relative;
 max-width: 1200px;
 margin: 0 auto; }

.timeline::after { 

 content: "";
 position: absolute;
 width: 6px;
 background-color: #005700;
 border-radius: 2px;
 top: 0;
 bottom: 0;
 left: 30px;
 margin-left: -6px; }

.timeline-bookend-top::after { 

 content: "";
 position: absolute;
 width: 16px;
 height: 16px;
 background-color: #c1ff9b;
 border: 4px solid #005700;
 border-radius: 50%;
 z-index: 1;
 left: 19px; }

.timeline-bookend-bottom::after { 

 content: "";
 position: absolute;
 width: 16px;
 height: 16px;
 background-color: #c1ff9b;
 border: 4px solid #005700;
 border-radius: 50%;
 z-index: 1;
 left: 19px;
 transform: translate(0%, -120%); }

.timeline-container { 

 position: relative;
 background-color: inherit;
 width: 100%;
 padding-left: 10px 70px 10px 25px;
 left: 0; }

.timeline-container::after { 

 content: "";
 position: absolute;
 width: 30px;
 height: 30px;
 right: -15px;
 background-color: #c1ff9b;
 border: 4px solid #005700;
 top: 22px;
 border-radius: 50%;
 z-index: 1;
 left: 12.5px; }

.timeline-title { 

 padding: 20px 30px;
 position: relative;
 margin-left: 70px;
 background-color: #c1ff9b;
 border-radius: 6px; }

.timeline-title > h2 { 

 margin-bottom: -0.1rem; }

.timeline-title > p { 

 margin: 0; }

.timeline-content { 

 padding: 20px 30px;
 position: relative;
 margin-left: 70px; }

/* .timeline-content img { 

   max-width: 100%;
   max-height: 40vh;
   padding: 25px 5px 25px 5px;
   display: block;
   margin-left: auto;
   margin-right: auto;

} */ .highlight { 

 margin: 10px 0 20px 0; }

.highlight div, .highlight table { 

 border-radius: 5px;
 padding-top: 10px; }

.highlight code > span { 

 margin-left: 0.4em; }

.read_more_small { 

 overflow: hidden !important;
 -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
 mask-image: linear-gradient(to bottom, black 50%, transparent 100%); }

.read_more_big { 

 height: auto;
 margin-bottom: -1em; }

.read_more a { 

 float: right;
 transform: translateX(-75px);
 position: relative;
 z-index: 11; }

.read_more { 

 margin-bottom: 2em; }

canvas { 

 border-style: solid;
 max-width: 100%;
 height: 75vh; }

button { 

 margin: 10px;
 padding: 0 10px; }

.parameter-inputs-wrapper { 

 text-align: center; }

.parameter-inputs { 

 margin-left: auto;
 margin-right: auto;
 border-collapse: collapse; }