:root{--red:#bf616a;--orange:#d08770;--yellow:#ebcb8b;--green:#a3be8c;--blue1:#8fbcbb;--blue2:#88c0d0;--blue3:#81a1c1;--blue4:#5e81ac;--purple:#b48ead;--default:#2e3440;--default2:#3b4252;--default3:#434c5e;--bhover:#4c566a;--text:#eceff4}.bgRed{background:var(--red)}.bgOrange{background:var(--orange)}.bgYellow{background:var(--yellow)}.bgGreen{background:var(--green)}.bgBlue{background:var(--blue1)}.bgBlue2{background:var(--blue2)}.bgBlue3{background:var(--blue3)}.bgBlue4{background:var(--blue4)}.bgPurple{background:var(--purple)}.red{color:var(--red)}.orange{color:var(--orange)}.yellow{color:var(--yellow)}.green{color:var(--green)}.blue{color:var(--blue1)}.blue2{color:var(--blue2)}.blue3{color:var(--blue3)}.blue4{color:var(--blue4)}.purple{color:var(--purple)}.header{padding:10;background:var(--default2);margin-bottom:5%}.banner{padding:9;background:var(--default2)}.card{padding:10;border-radius:20px;background:var(--default2);width:fit-content;max-width:60%}.fillwidth{width:100%}.sidebar{height:100%;position:fixed;bottom:0;width:fit-content;background:var(--default2);padding:10}.left{float:left}.right{float:right}.center{text-align:center}.bottom{position:fixed;bottom:0}.top{position:fixed;top:0}.screen{height:100%}.sameline{display:inline;vertical-align:top;line-height:28px;margin-right:20px}.hidden{display:none}.bgNone{background:rgba(0,0,0,0)}button{border:none;transition:filter 300ms;margin-right:7;font-family:inherit;border-radius:9px;padding:10;background:var(--default3);color:var(--text)}button:hover{filter:brightness(90%)}textarea{width:50%;height:100%;resize:none;font-weight:900;font-size:16;padding:10;border-radius:20px;background:var(--default);color:var(--text)}body{font-family:Arial,sans-serif;margin:0;font-weight:900;background:var(--default);color:var(--text)}input{border:3px solid rgba(0,0,0,0);border-radius:8px;padding:10;font-family:inherit;transition:border-bottom 200ms;outline:none;font-weight:900;background:var(--default3);color:var(--text)}input:focus{border-bottom:3px solid var(--blue4)}a{text-decoration:none;background-color:inherit;color:var(--text)}select{padding:5 5;border:1px solid;border-radius:4px;background:var(--default);color:var(--text)}
.popup {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background:var(--default2); border-radius:10px;}
.h1{height:10%}.h2{height:20%}.h3{height:30%}.h4{height:40%}.h5{height:50%}.h6{height:60%}.h7{height:70%}.h8{height:80%}.h9{height:90%}.h10{height:100%}.w1{width:10%}.w2{width:20%}.w3{width:30%}.w4{width:40%}.w5{width:50%}.w6{width:60%}.w7{width:70%}.w8{width:80%}.w9{width:90%}.w10{width:100%}.p0{padding:0}.p1{padding:8}.p2{padding:9}.p3{padding:11}.p4{padding:12}.p5{padding:13}.p6{padding:14}.p7{padding:15}.p8{padding:20}.p9{padding:20}.p10{padding:30}.fsize{font-size:18}.fsize2{font-size:24}.fsize3{font-size:30}.fsize4{font-size:36}.fsize5{font-size:42}.fsize6{font-size:48}.fsize7{font-size:54}.fsize8{font-size:60}.fsize9{font-size:66}.fsize10{font-size:72}.gray{color:var(--default)}.gray2{color:var(--default2)}.gray3{color:var(--default3)}.gray4{color:var(--bhover)}.white{color:var(--text)}.bgGray{background:var(--default1)}.bgGray2{background:var(--default2)}.bgGray3{background:var(--default3)}.bgGray4{background:var(--bhover)}.bgWhite{background:var(--text)}.marRight{margin-right:10}.marRight2{margin-right:15}.marRight3{margin-right:20}.marRight4{margin-right:25}.marRight5{margin-right:30}.marLeft{margin-left:10}.marLeft2{margin-left:15}.marLeft3{margin-left:20}.marLeft4{margin-left:25}.marLeft5{margin-left:30}.b1{border:0}.b2{border:5}.b3{border:10}.b4{border:15}.b5{border:20}
body {background-image: url('https://randomimageapi.darth-ness.repl.co');background-repeat: no-repeat;background-attachment: fixed;background-size: cover;}
#sidebar, #search {background: rgba(59, 66, 82, 0.7);}