body{display:flex;flex-direction:column;align-items:center;/background:linear-gradient(to right,var(--DARK-COLOR),var(--MAIN-COLOR));--COLOR-1:#0b0bb1;background-color:var(--COLOR-1);}.center,main>.center{display:flex;flex-direction:column;width:90%;max-width:900px;}.top-bar{display:flex;text-align:right;margin:20px;margin-right:20px;flex-direction:row;justify-content:flex-end;min-width:fit-content;}.top-bar a{display:flex;width:fit-content;border:none;padding:10px;border-radius:5px;color:white;border:solid 0.5px;background-color:inherit;margin-left:10px;cursor:pointer;transition:all 0.5s;font-size:14px;justify-content:center;align-items:center;}.top-bar a label{cursor:pointer;}.top-bar a icon{margin-right:10px;}.dev-bar{margin:0px;}.dev-bar a{border:none;}.top-bar a:hover{background-color:white;color:var(--MAIN-COLOR);transition:all 0.5s;}.button-opacity:not(:hover){opacity:0.5;}main{display:flex;align-items:center;flex-direction:column;width:100%;}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgb(4,7,21);width:100%;margin-top:40px;flex:180px;cursor:default;color:aliceblue;padding-bottom:20px;}footer nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));height:100%;margin:20px;}footer small{text-align:left;cursor:pointer;margin-left:20px;}footer small:hover{text-decoration:underline;}footer .footersec{font-size:14px;flex:1;text-align:left;}.footersec h4{text-align:left;margin-bottom:0px;}.footersec ul{list-style:none;margin-top:10px;padding:0px;text-indent:0px;}.footersec ul li{margin:0px;padding-left:0px;cursor:pointer;padding-top:5px;padding-bottom:5px;}.footersec ul li:hover{background-color:rgba(240,248,255,0);border-left:solid 3px #0076ff;text-indent:5px;transition:all 0.2s;color:#0076ff}