/* Copyright (c) 2019 - 2024 Sid Shenoy. All rights reserved. Please do not copy any music, scripts, images, or other site content for usage on another site or public service. */

/* Custom scrollbars */
::-webkit-scrollbar {
  width:16px;
}
::-webkit-scrollbar-track {
  background-color:rgb(0, 10, 50);
  border-radius:0px;
  border:2px solid black;
  box-shadow:0px 0px 1px inset black;
  padding:4px;
}
::-webkit-scrollbar-thumb {
  background-color:rgb(40, 40, 180);
  border:4px solid black;
  border-radius:8px;
  box-shadow:0px 0px 2px black;
  transition:200ms background;
}
::-webkit-scrollbar-thumb:hover {
  background-color:rgb(50, 50, 200);
}
/* Animations */
@keyframes spin {
  0%{transform:rotateZ(0deg);}
  25%{transform:rotateZ(90deg);}
  50%{transform:rotateZ(180deg);}
  75%{transform:rotateZ(270deg);}
  100%{transform:rotateZ(360deg);}
}
@keyframes reveal {
  from{opacity:0;}
  to{opacity:1;}
}
@keyframes slowreveal {
  0%{opacity:0;}
  50%{opacity:0;}
  100%{opacity:1;}
}
@keyframes imagefade {
  from{opacity:0;left:0%;top:0%;width:100%;height:100%;}
  to{opacity:0.2;left:-5%;top:-5%;width:110%;height:110%;}
}
@keyframes paperreveal {
  from{background-color:rgb(150,250,250);}
  to{background-color:rgb(250,250,250);}
}
@media (max-width: 1225px) {
  #header_middle {
    display:none;
  }
}
/* Responsive layout conditions */
@media (max-width: 1500px) {
  #learntable_1500plus {
    display:none;
  }
}
@media (min-width: 1500px) {
  #learntable_1500minus {
    display:none;
  }
}
@media (min-width: 1500px) and (max-width: 1500px) {
  #learntable_1500plus {
    display:table-row-group;
  }
}
@media (max-width: 1000px) {
  #learnheadersmall_1000plus,#learntablehelpbutton {
    display:none;
  }
}
@media (min-width: 1000px) {
  #learnheadersmall_1000minus {
    display:none;
  }
}
@media (min-width: 1000px) and (max-width: 1000px) {
  #learnheadersmall_1000plus {
    display:table-row;
  }
}
/* Main font */
@font-face {
  font-family: "NotoSans";
  src: url("/assets/fonts/NotoSans-Regular.ttf");
}
/* Main CSS */
body {
  background-color:rgb(0,0,20);font-family:NotoSans,Arial;padding:0px;margin:0px;background-image:url(darknet.png);background-size:80px 60px;background-position:center;background-attachment:fixed;
}
a {
  cursor:pointer;color:rgb(255,85,0);transition:200ms color;
}
a:hover {
  color:rgb(255,15,0);
}
img,br {
  user-select:none;
}
table,td,tr,th {
  border:2px solid black;
  border-collapse:collapse;
  padding:5px;
}
.noborder {
  border:none;padding:6px;padding-left:9px;padding-right:9px;
}
table {
  margin-right:24px;
}
textarea {
  width:100%;min-height:100px;
}
input[type=text],input[type=number],input[type=email],select {
  width:120px;padding:4px;border-radius:8px;border:2px inset;outline:none;
}
button,input[type=button],input[type=submit] {
  cursor:pointer;font-size:20px;border-radius:8px;transition:200ms background-color;outline:none;color:black;background-image:url(btnoverlay.png);background-position:center;background-size:100% 100%;text-shadow:0px 0px 36px white,0px 0px 48px white;border-color:black;
}
button:hover,input[type=button]:hover:not([class="learnselectorbtn_medium"]):not([class="learnselectorbtn_small"]),input[type=submit]:hover {
  background-color:rgb(0,200,200);
}
button,input[type=button]:not([class="learnselectorbtn_medium"]):not([class="learnselectorbtn_small"]),input[type=submit] {
  background-color:rgb(0,150,150);
}
button:hover,input[type=button]:hover:not([class="learnselectorbtn_medium"]):not([class="learnselectorbtn_small"]),input[type=submit]:hover {
  background-color:rgb(0,200,200);
}
#learnmenu1btn1,#learnmenu2btn1,#learnmenu3btn1,#learnmenu4btn1,#learnmenu4btnlast,#header_learnbtn,#createmenubtn1,#learnmenubtn1,#menubtn1,#frameleftbtn1,#framerightbtn1,#frameleftbtn2,#framerightbtn2,#frameleftbtn3,#framerightbtn3,#frameleftbtn4,#framerightbtn4,#frameleftbtn5,#framerightbtn5,#frameleftbtn6,#framerightbtn6,#header_bigdocbtn4,#header_smalldocbtn4,#learntabletopbtn1,#learntabletopbtn2,#learntabletopbtn3,#learntablebottommostbtn2,#frame1logo,#frame1logosmall {
  background-color:rgb(0,150,100);transition:200ms background-color;
}
#learnmenu1btn1:hover,#learnmenu2btn1:hover,#learnmenu3btn1:hover,#learnmenu4btn1:hover,#learnmenu4btnlast:hover,#header_learnbtn:hover,#createmenubtn1:hover,#learnmenubtn1:hover,#menubtn1:hover,#frameleftbtn1:hover,#framerightbtn1:hover,#frameleftbtn2:hover,#framerightbtn2:hover,#frameleftbtn3:hover,#framerightbtn3:hover,#frameleftbtn4:hover,#framerightbtn4:hover,#frameleftbtn5:hover,#framerightbtn5:hover,#frameleftbtn6:hover,#framerightbtn6:hover,#header_bigdocbtn4:hover,#header_smalldocbtn4:hover,#learntabletopbtn1:hover,#learntabletopbtn2:hover,#learntabletopbtn3:hover,#learntablebottommostbtn2:hover,#frame1logo:hover,#frame1logosmall:hover {
  background-color:rgb(0,200,150);
}
.learnselectorbtn_medium {
  background-color:rgb(0,175,150);transition:200ms background-color;
}
.learnselectorbtn_medium:hover {
  background-color:rgb(0,225,200);
}
.learnselectorbtn_small {
  background-color:rgb(0,200,175);transition:200ms background-color;
}
.learnselectorbtn_small:hover {
  background-color:rgb(0,250,225);
}
#nextsectionbtn,#prevsectionbtn {
  background-color:rgb(0,200,100);transition:200ms background-color;
}
#nextsectionbtn:hover,#prevsectionbtn:hover {
  background-color:rgb(50,250,150);
}
#header {
  border-bottom:2px solid black;position:fixed;z-index:5;left:0px;top:0px;right:0px;height:100px;background-color:rgb(0,0,50);box-shadow:0px 0px 4px black;user-select:none;
}
#header_logo {
  position:absolute;left:24px;top:12px;width:76px;height:76px;z-index:1;transition:100ms filter;
}
#header_middlelogo {
  border:3px solid black;margin-top:6px;padding:6px;border-radius:12px;background-color:black;background-image:url(learntablebk.png);background-size:contain;cursor:pointer;transition:100ms filter;
}
#header_logo:hover,#header_middlelogo:hover {
  filter:drop-shadow(0px 0px 8px dodgerblue);
}
#header_title {
  position:absolute;left:132px;top:6px;font-size:32px;font-weight:700;z-index:1;color:rgb(215,215,215);
}
#header_smalltitle {
  position:absolute;left:136px;top:10px;text-align:center;font-weight:700;z-index:1;color:rgb(215,215,215);
}
#header_createbtn {
  position:absolute;right:320px;top:24px;width:184px;height:48px;border-radius:8px 0px 0px 8px;z-index:2;
}
#header_docscreatebtn {
  position:absolute;right:138px;top:24px;width:184px;height:48px;border-radius:8px;z-index:2;
}
#header_learnbtn {
  position:absolute;right:138px;top:24px;width:192px;height:48px;border-radius:8px;z-index:1;
}
.header_bigdocbtns {
  position:absolute;width:200px;height:32px;z-index:1;
}
.header_smalldocbtns {
  position:absolute;height:32px;
}
#header_bigdocbtn1 {
  right:1000px;top:32px;border-radius:8px 0px 0px 8px;
}
#header_bigdocbtn2 {
  right:800px;top:32px;border-radius:0px;
}
#header_bigdocbtn3 {
  right:600px;top:32px;border-radius:0px;
}
#header_bigdocbtn4 {
  right:400px;top:32px;border-radius:0px 8px 8px 0px;
}
#header_smalldocbtn1 {
  right:680px;top:32px;width:100px;border-radius:8px 0px 0px 8px;
}
#header_smalldocbtn2 {
  right:560px;top:32px;width:120px;border-radius:0px;
}
#header_smalldocbtn3 {
  right:480px;top:32px;width:80px;border-radius:0px;
}
#header_smalldocbtn4 {
  right:400px;top:32px;width:80px;border-radius:0px 8px 8px 0px;
}
#progresscont {
  position:fixed;z-index:4;left:0px;top:0px;right:0px;height:112px;background-color:rgb(150,150,150);border-bottom:2px solid black;cursor:pointer;
}
#progressbar {
  position:absolute;left:0px;top:0px;bottom:0px;width:0%;background-image:linear-gradient(rgb(50,155,100),rgb(0,105,50));
}
.progressbartext {
  position:absolute;left:0px;bottom:0px;right:0px;text-align:right;color:cyan;font-size:8px;user-select:none;
}
#blueprogmeter {
  position:relative;border:2px solid black;border-radius:4px;width:max(120px,30%);height:36px;overflow:hidden;background-color:rgb(200,200,200);
}
#blueprogbar {
  position:absolute;left:0px;top:0px;bottom:0px;border-right:0px solid rgb(0,30,150);background:rgb(0,153,255);background:linear-gradient(180deg,rgb(0,153,255) 0%,rgb(68,204,255) 5%,rgb(68,204,255) 45%,rgb(0,153,255) 55%,rgb(0,153,255) 95%,rgb(68,204,255) 100%);box-shadow:-1px 0px 4px inset rgb(0,50,180);
}
#showmenubtn {
  position:absolute;width:64px;height:64px;right:16px;top:16px;font-size:32px;box-shadow:0px 0px 4px black;z-index:1;
}
.menuconts {
  position:fixed;z-index:7;background-color:rgb(200,100,50);border-radius:8px;border:2px solid black;box-shadow:0px 0px 4px black;display:none;opacity:0;
}
#menucont {
  width:240px;height:248px;
}
#docslearnmenucont1 {
  width:300px;height:214px;
}
#learnmenucont {
  width:300px;height:282px;
}
#createmenucont, #docscreatemenucont {
  width:300px;height:180px;
}
#docslearnmenucont2 {
  width:300px;height:248px;
}
#docslearnmenucont3 {
  width:300px;height:146px;
}
#docslearnmenucont4 {
  width:300px;height:316px;
}
#createmenubtn1,#learnmenubtn1,#menubtn1,#learnmenu1btn1,#learnmenu2btn1,#learnmenu3btn1,#learnmenu4btn1 {
  height:70px;font-weight:700;border-radius:6px 6px 0px 0px;top:4px;
}
#totopbtn {
  width:min(100px,20%);height:64px;box-shadow:0px 0px 4px black;opacity:1;position:relative;z-index:1;
}
#footer {
  border-top:2px solid black;position:absolute;left:0px;right:0px;height:200px;background-color:rgb(0,0,50);box-shadow:0px 0px 4px black;color:rgb(215,215,215);overflow-y:auto;
}
#footerlinks {
  position:absolute;left:0px;right:0px;bottom:0px;text-align:center;
}
#learnselector {
  position:fixed;left:0px;top:112px;bottom:0px;width:240px;background-color:rgb(0,180,180);overflow-x:hidden;overflow-y:auto;border:2px solid black;border-left:none;z-index:1;
}
#learnselector_topshadow {
  position:fixed;left:0px;width:232px;top:0px;height:114px;background-color:black;z-index:2;box-shadow:0px 8px 16px black;display:none;
}
#learnselector_bottomshadow {
  position:fixed;left:0px;width:232px;bottom:-114px;height:114px;background-color:black;z-index:2;box-shadow:0px -8px 16px black;display:none;
}
.learnselectorbtn {
  position:absolute;left:12px;width:calc(100% - 24px);height:36px;z-index:1;
}
.learnselectorbtn_medium {
  position:absolute;left:18px;width:calc(100% - 36px);height:36px;z-index:2;
}
.learnselectorbtn_small {
  position:absolute;left:24px;width:calc(100% - 48px);height:36px;z-index:3;
}
#learntable {
  width:calc(100% - 32px);min-width:525px;border-width:0px;margin:16px;margin-top:32px;table-layout:fixed;user-select:none;
}
#learntable_1500plus {
  background:rgb(0,0,250);background:radial-gradient(circle, rgba(0,0,255,0.4) 0%, rgba(0,0,255,0.4) 96%, rgba(0,0,0,1) 98%, rgba(0,0,0,0) 100%);
}
#learntable td {
    padding:0px;height:60px;
}
#learnselector,#learntable {
  color:white;text-shadow:0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black;
}
#learntablecont {
  width:100%;margin-top:0px;margin-bottom:32px;background-color:rgb(0,80,20);overflow-x:auto;border:2px solid black;box-shadow:0px 0px 6px inset black;position:relative;border-radius:8px;
}
#learntabletopbtn1,#learntabletopbtn2,#learntabletopbtn3 {
  font-size:max(min(1.5vw, 24px), 16px);font-weight:700;
}
#learntabletopmostbtn,#learntablebottommostbtn,#learntablebottommostbtn2 {
  font-size:max(min(1.5vw, 24px), 16px);font-weight:700;min-width:350px;
}
#learntablebottommostbtn,#learntablebottommostbtn2 {
  left:50%;width:33.333%;transform:translateX(-50%);
}
#learntablebottommostbtn {
  border-radius:8px 8px 0px 0px;
}
#learntablebottommostbtn2 {
  border-radius:0px 0px 8px 8px;
}
#learntablehelpbutton {
  font-size:28px;min-width:64px;max-width:96px;width:100%;right:0px;left:auto;text-shadow:0px 0px 3px black,0px 0px 2px black,0px 0px 1px black;
}
.tableentry {
  background-color:rgb(250,200,150);
}
.tabledull {
  background-color:rgb(150,150,200);
}
.learntablebox {
  position:relative;height:64px;border-width:0px;
}
.learntablebutton {
  position:absolute;left:0px;top:0px;right:0px;bottom:0px;z-index:0;border-width:1px;
}
.learntablebutton:hover {
  box-shadow:0px 0px 100px black;z-index:1;
}
.learntablebuttonupper {
  position:absolute;left:0px;top:0px;right:0px;bottom:50%;
}
.learntablebuttonlower {
  position:absolute;left:0px;top:50%;right:0px;bottom:0px;
}
.learntablebuttonupperleftthird {
  position:absolute;left:0px;top:0px;right:50%;bottom:66.667%;
}
.learntablebuttonupperrightthird {
  position:absolute;left:50%;top:0px;right:0px;bottom:66.667%;
}
.learntablebuttonmidleftthird {
  position:absolute;left:0px;top:33.333%;right:50%;bottom:33.333%;
}
.learntablebuttonmidrightthird {
  position:absolute;left:50%;top:33.333%;right:0px;bottom:33.333%;
}
.learntablebuttonlowerleftthird {
  position:absolute;left:0px;top:66.667%;right:50%;bottom:0px;
}
.learntablebuttonlowerrightthird {
  position:absolute;left:50%;top:66.667%;right:0px;bottom:0px;
}
.learntablebuttonlowerleft {
  position:absolute;left:0px;top:50%;right:50%;bottom:0px;
}
.learntablebuttonlowerright {
  position:absolute;left:50%;top:50%;right:0px;bottom:0px;
}
.learntablebuttonupperthird {
  position:absolute;left:0px;top:0px;right:0px;bottom:66.667%;border-width:1px;
}
.learntablebuttonmidthird {
  position:absolute;left:0px;top:33.333%;right:0px;bottom:33.333%;border-width:1px;
}
.learntablebuttonlowerthird {
  position:absolute;left:0px;top:66.667%;right:0px;bottom:0px;border-width:1px;
}
.docs_mathbox {
  font-family:times,serif;font-size:20px;background-color:white;display:table-cell;vertical-align:middle;border:1px solid rgb(100,100,100);border-radius:8px;padding:12px;cursor:text;transition:200ms background-color;
}
.docs_blockbox {
  padding:12px;padding-bottom:4px;
}
.docs_mathbox:hover {
  background-color:rgb(255,255,200);
}
.docs_mathbox:focus {
  box-shadow:0px 0px 4px black;background-color:rgb(255,255,220);
}
.docs_mathtext {
  display:inline-block;
}
.docs_block1 {
  display:inline-block;width:25px;height:25px;margin-right:4px;cursor:default;
}
.docs_block10 {
  display:inline-block;width:185px;height:25px;margin-right:4px;cursor:default;
}
.docs_block100 {
  display:inline-block;width:185px;height:185px;margin-right:4px;cursor:default;
}
.docs_block1000 {
  display:inline-block;width:240px;height:240px;margin-right:4px;cursor:default;
}
.docs_cash1 {
  display:inline-block;width:95px;height:95px;margin-right:4px;cursor:default;
}
.docs_cash5 {
  display:inline-block;width:105px;height:105px;margin-right:4px;cursor:default;
}
.docs_cash10 {
  display:inline-block;width:90px;height:90px;margin-right:4px;cursor:default;
}
.docs_cash25 {
  display:inline-block;width:120px;height:120px;margin-right:4px;cursor:default;
}
.docs_cash100 {
  display:inline-block;width:135px;height:135px;margin-right:4px;cursor:default;
}
.docs_cash200 {
  display:inline-block;width:140px;height:140px;margin-right:4px;cursor:default;
}
.docs_banknote {
  display:inline-block;width:256px;height:117px;margin-right:4px;cursor:default;
}
.docs_section {
  border-left:4px solid crimson;padding:32px;padding-top:4px;padding-bottom:4px;margin-bottom:36px;font-size:18px;background-image:linear-gradient(to right,rgba(255,255,0,0.1),rgba(200,200,0,0.1));border-radius:4px 24px 24px 4px;box-shadow:0px 0px 10px inset rgba(0,0,0,0.2);
}
.circuit_bk {
  position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-image:url(circuitboard.svg);background-position:center;opacity:0.1;
}
.bigtext:not(#frame4logo),.desctext {
  background:-webkit-linear-gradient(0deg, rgb(50,0,250), rgb(150,0,250));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bigtext {
  font-size:max(24px,3vw);opacity:0;z-index:1;
}
.desctext {
  font-size:max(16px,1.5vw);opacity:0;z-index:1;color:rgb(50,50,50);
}
.mainframe {
  position:absolute;left:0px;right:0px;height:100%;overflow:hidden;
}
.bkimage {
  position:absolute;left:0%;top:0%;width:100%;height:100%;opacity:0;
}
.center {
  position:absolute;left:0px;right:0px;top:0px;text-align:center;
}
.bigtextcont {
  position:absolute;left:10%;right:10%;top:150px;bottom:136px;overflow-y:auto;padding-right:8px;text-align:center;
}
.maintextcont {
  margin-left:10%;margin-right:10%;margin-top:164px;margin-bottom:64px;
}
.downbtn {
  width:64px;height:64px;box-shadow:0px 0px 4px black;z-index:2;
}
.downbtncont {
  position:absolute;bottom:48px;left:0px;right:0px;text-align:center;
}
.frameleftbtn {
  width:150px;height:64px;box-shadow:0px 0px 4px black;
}
.frameleftcont {
  position:absolute;bottom:48px;right:60%;left:20px;text-align:center;z-index:1;
}
#fundnotice {
  font-size:max(12px,1vw);opacity:1;z-index:2;color:rgb(50,50,50);position:absolute;bottom:0px;left:0px;right:0px;text-align:center;
}
.framerightbtn {
  width:150px;height:64px;box-shadow:0px 0px 4px black;
}
.framerightcont {
  position:absolute;bottom:48px;left:60%;right:20px;text-align:center;z-index:1;
}
.menubtn {
  position:absolute;left:4px;right:4px;height:36px;
}
.img_notes {
  position:fixed;width:300px;height:300px;bottom:-300px;z-index:6;
}
.img_penny {
  position:fixed;width:100px;height:100px;bottom:-100px;z-index:6;
}
.img_beam {
  position:fixed;width:20px;height:95px;bottom:-95px;z-index:6;
}
.anim_text {
  position:fixed;font-size:48px;font-family:Courier;font-weight:900;color:darkgreen;text-shadow:0px 0px 4px black;bottom:-100px;user-select:none;z-index:6;
}
.img_carwheel {
  position:fixed;width:180px;height:180px;left:-180px;z-index:6;animation-name:spin;animation-duration:200ms;animation-iteration-count:infinite;
}
.framelogo {
  opacity:0;
}
#frame1logo {
  height:64px;width:400px;
}
#frame1logosmall {
  height:64px;width:200px;
}
.invisible {
  display:none;
}
.breakwords {
  word-break:break-all;
}
.portrait {
  border:4px outset brown;
}
.paper {
  background-color:rgb(250,250,250);border:1px solid black;box-shadow:0px 2px 4px black;padding:24px;line-height:1.8;animation:1s paperreveal;font-size:18px;
}