/* CUSTOM SCROLLBAR*//* width */::-webkit-scrollbar{width: 5px;}/* Track */::-webkit-scrollbar-track{background-color: rgba(125, 125, 125, 0.2)}/* Handle */::-webkit-scrollbar-thumb{background: rgba(160, 80, 255, 0.8);}*{box-sizing: border-box;}/* Debugging */:root{--bg: #eee;--font: #000;--sidebarbg: rgba(150, 170, 255, 0.70);--sidebarfont: #15161d;--searchfont: #eee;--searchbg: #8787f8;--graphbg: #9af;}body{font-family: "Montserrat", "Comfortaa", sans-serif;background-color: var(--bg);color: var(--font);}.sidebar{height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color: var(--sidebarbg);overflow: hidden;transition: 0.5s;padding-top: 60px;color: var(--sidebarfont);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}.sidebar a{padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}.sidebar a:hover{color: var(--sidebarfont);}.sidebar .closebtn{position: absolute;color: var(--sidebarfont);top: 0;right: 25px;font-size: 36px;margin-left: 50px;}.closebtn:hover{color: #fff;}.openbtn{font-size: 20px;cursor: pointer;background-color: transparent;color: var(--font);padding: 10px 15px;border: none;width: 3em;}.openbtn:hover{background-color: rgba(50, 50, 255, 0.5);color: #fff;}#main{transition: margin-left .5s;width: 80%;margin-left: auto;margin-right: auto;padding: 0em 1em;text-align: justify;margin-bottom: 6em;}#main a{color: #6d85ff;text-decoration: none;}#main h2{color: #fc2f2f;}#mySearch{width: 100%;font-size: 18px;padding: 11px;border: 1px solid var(--sidebarbg);background: var(--searchbg);color: var(--searchfont);margin-bottom: 1em;}#mySearch:focus{outline-color: var(--searchbg);border: none;}::placeholder{color: var(--searchfont);}#myMenu{list-style-type: none;padding: 0;margin: 0;height: 60vh;overflow-y: scroll;overflow-x: hidden;}#myMenu li a{padding: 0.5em;text-decoration: none;display: block;font-size: 1em;font-weight: 300;color: var(--sidebarfont);}#myMenu li a:hover{background-color: var(--searchbg);color: var(--searchfont);}.content{padding: 0em 1em 0em 1em;margin: 0;color: var(--searchfont);}#heading{margin-top: 1em;display: flex;width: 100%;}#title{padding: 0 4% 0 0;float: right;margin-left: auto;margin-right: 0px;text-align: right;width: 85%;text-transform: uppercase;letter-spacing: 3px;}#menuhead{text-align: left;}/* The switch - the box around the slider */.switch{position: relative;display: inline-block;width: 36px;height: 18px;}/* Hide default HTML checkbox */.switch input{opacity: 0;width: 0;height: 0;}/* The slider */.slider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--searchbg);-webkit-transition: .4s;transition: .4s;}.slider:before{position: absolute;content: "";height: 10px;width: 10px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}#sideheader{display: grid;grid-template-rows: 40px 20px;}#headtext{letter-spacing: 0.25em;margin: 0.5em;font-size: 90%;}input:checked + .slider{background-color: var(--searchbg);}input:checked + .slider:before{-webkit-transform: translateX(18px);-ms-transform: translateX(18px);transform: translateX(18px);}#debug{margin-top: 1em}.debugdiv{display: inline-flex;margin-top: 2em;width: 100%}.debugdiv h4{margin-top: 0em;margin-bottom: 0em;margin-left: 0.5em;margin-right: auto;font-weight: 300;}img{display: block;width: 50%;margin: 2em 2em 2em 0em;float: left;}img:active{display: block;width: 100%;margin: 2em 0em 2em 0em;}#plotgraph{height: 100%;width: 0;position: fixed;z-index: 1;top: 0;right: 0;background-color: var(--graphbg);overflow: hidden;transition: 0.5s;padding-top: 60px;color: var(--sidebarfont);}#closegraphbtn{text-decoration: none;font-size: 40px;color: var(--sidebarfont);}.link{fill: none;stroke: #eee;stroke-opacity: .6;stroke-width: 2.5px;}.node text{font-size: 0.9em;font-family: "Montserrat", "Comfortaa", sans-serif;pointer-events: none;font-weight: bold;/*background: var(--sidebarbg);*/color: #fff;text-shadow: 0 1px 0 var(--sidebarbg), 1px 0 0 var(--sidebarbg), 0 -1px 0 var(--sidebarbg), -1px 0 0 var(--sidebarbg);}circle{fill: #fff;stroke: #333;stroke-width: 1.5px;}#hr2{width: 104%;background-color: var(--font);}#graphbtn{margin-left: 3%;}@media (max-aspect-ratio: 1/1){#myMenu{overflow-x: hidden;}img{display: block;width: 100%;margin: 2em 0em 2em 0em;}#title{padding: 0;margin-left: auto;margin-right: auto;text-align: center;width: 100%;}#graphbtn{margin-left: 0;}#contentheading{text-align: center;}}