:root{background-color:#181818;color:#000;color-scheme:dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media (prefers-color-scheme:light){:root{background-color:#f8f8f8;color:#181818}}.main-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#1a1a1a;color:#000}.box__bg{position:relative;z-index:0;border-radius:50%;overflow:hidden;padding:12px}#main-c{position:absolute;top:5rem;bottom:5rem;z-index:0;width:100%;overflow-x:auto;min-height:calc(100vh - 10rem)}.box__bg:before{content:"";position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#000;background-repeat:no-repeat;background-size:100%100%,50%50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#000,#687aff);animation:bgRotate 4s linear infinite}.box__bg:after{content:"";position:absolute;z-index:-1;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);background:linear-gradient(#fff,#fff);border-radius:50%}@keyframes bgRotate{to{transform:rotate(1turn)}}#header{top:0}#footer,#header{position:absolute;z-index:1;background:#232323;box-shadow:2px 2px 10px #181818;width:100%;height:5rem;display:flex}#footer{bottom:0;align-items:center;justify-content:center}@media only screen and (max-width:800px){.container-1{margin:5px!important;width:95%}#tab-buttons{font-size:x-small!important}}@media only screen and (min-width:1800px){.container-1{width:25vw}}@media only screen and (min-width:1200px) and (max-width:1800px){.container-1{width:40vw}}@media only screen and (min-width:800px) and (max-width:1200px){.container-1{width:70vw}}