@import"https://fonts.googleapis.com/css2?family=Montserrat+Underline:ital,wght@0,100..900;1,100..900&family=Press+Start+2P&family=Sixtyfour+Convergence&family=Teko:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Caveat:wght@400..700&family=Lavishly+Yours&family=Pirata+One&family=Press+Start+2P&family=Sixtyfour+Convergence&family=Teko:wght@300..700&display=swap";:root{--bg: rgb(15,15,15);--color: #ffffff;--botcolor: #9258d3;--buttons: #526cc3;--serversbg: #ffffff05;--greenbuttons: rgb(99, 255, 99)}html{scrollbar-color:var(--botcolor) transparent;scrollbar-width:auto;scroll-behavior:smooth}body{display:flex;flex-direction:column;background-color:var(--bg);color:var(--botcolor);text-align:center;width:100%;height:100dvh;padding:0;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.logomark{color:var(--botcolor);text-align:center;font-size:22pt;text-transform:uppercase;font-weight:800;font-family:Montserrat Underline,sans-serif}.header-container{display:flex;justify-content:space-between;flex-direction:row;background-color:var(--botcolor)}.header-navigator{display:flex;background-color:transparent;align-items:center;width:75%;justify-content:space-evenly;.navigator-icon{color:var(--bg);--ionicon-stroke-width: 40px}}.header-initial{display:flex;justify-content:flex-start;align-items:center;width:100%;flex-direction:row;background:beige;padding:1% 25px;box-sizing:border-box;clip-path:polygon(50% 0%,100% 50%,50% 100%,0 50%);clip-path:ellipse(150px 120px at 65px 5px);.header-logo{width:10%;border-radius:2px}.header-initial-navitator{display:flex;background-color:beige}}.about-container{display:flex;justify-content:center;gap:5%;align-items:center;flex-direction:row;width:100%;.about-container-information{display:flex;flex-direction:column;width:50%}img{width:210px;height:220px;border-radius:20px;box-shadow:0 0 100px 5px #000}}.body-freeText{width:90%;padding:1%;text-align:center;justify-self:center;align-self:center;margin:auto;&.formal{text-align:left;background-color:#ffffff10;border-radius:0 10px 10px 0;border-left:var(--botcolor) 2px solid;color:color-mix(in srgb,var(--botcolor) 70%,beige 30%);margin:2% auto;padding:2%}}.button-addition{background-color:var(--botcolor);border:none;border-radius:5px;padding:1%;font-size:12pt}.logo-container{display:flex;align-content:center;justify-content:center;align-items:center;border-radius:20%}.serverinfo-dialog{display:flex;flex-direction:column;width:60%;height:60%;border:none;border-right:var(--botcolor) 2px solid;border-radius:25px 0 0 25px;background-color:var(--serversbg);backdrop-filter:blur(50px);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;color:bisque;&:not([open]){visibility:hidden;opacity:0;transition:opacity .3s ease-out}.serverinfo-dialog-close{position:absolute;width:auto;top:4%;color:#d05353;left:87.5%;background-color:transparent;text-align:center;justify-content:center;border:none;border-radius:1150px;font-weight:1000;font-size:10px;cursor:pointer}.serverinfo-dialog-general{display:flex;background-color:transparent;align-items:center;text-align:center;padding:1%;box-sizing:border-box;width:100%;img{width:100px;border-radius:20px}h2{text-align:center;padding:2%;margin:auto;font-size:20pt;box-sizing:border-box;font-family:Teko,sans-serif}}.serverinfo-dialog-info{display:flex;flex-direction:column;height:100%;background-color:transparent;width:100%;margin:0;justify-content:flex-start;align-items:flex-start;text-align:flex-start;p{width:100%;text-align:left;background-color:#00000050;border-radius:10px;font-size:10pt;padding:1%;margin:2% 0;box-sizing:border-box}}.serverinfo-dialog-tags{display:flex;top:82%;width:100%;height:auto;margin:2% 0;align-items:center;&.overall{z-index:1}tag{display:flex;margin:1%;background-color:var(--buttons);align-items:center;justify-content:center;text-align:center;color:var(--bg);font-weight:600;border-radius:5px;font-size:10pt;cursor:pointer;transition:background-color .4s ease-in-out;>span{margin:auto 2% 0;align-items:center;justify-content:center}>.navigator-icon{margin:0;padding:0;align-items:center;align-self:center}&:hover{background-color:color-mix(in srgb,var(--buttons) 80%,beige 20%);color:var(--bg)}}}}.servers-list{display:grid;margin:2%;column-gap:1%;row-gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr;.servers-list-server{display:flex;flex-direction:column;margin:1%;width:auto;padding:5%;box-sizing:border-box;border:1px solid black;border-radius:30px;background-color:var(--serversbg);box-shadow:0 0 10px 1px #000;transition:all .5s ease-in-out;&:hover{transform:translate3d(0,-10px,0)}tag{padding:2.5%}p{font-size:12pt;text-align:left}.servers-list-server-tags{margin:4% 0 0;display:flex;width:100%;background-color:transparent;align-items:flex-start;border-radius:5px;tag{display:flex;margin:1%;background-color:var(--buttons);align-items:center;justify-content:center;text-align:center;color:var(--bg);font-weight:600;border-radius:5px;font-size:10pt;cursor:pointer;transition:background-color .4s ease-in-out;>span{margin:auto 2% 0;align-items:center;justify-content:center}>.navigator-icon{margin:0;padding:0;align-items:center;align-self:center}&:hover{background-color:color-mix(in srgb,var(--buttons) 80%,beige 20%);color:var(--bg)}}}.servers-list-server-actiontags{display:flex;flex-direction:row;tag{margin:1%;background-color:var(--greenbuttons);align-items:center;justify-content:center;text-align:center;color:var(--bg);font-weight:600;border-radius:5px;font-size:10pt;width:auto;cursor:pointer;transition:background-color .4s ease-in-out;gap:2%;&.important{background-color:#6464bc}&.disabled{pointer-events:none;opacity:20%;background-color:color-mix(in srgb,var(--greenbuttons) 35%,gray 65%)}&:hover{background-color:color-mix(in srgb,var(--buttons) 80%,beige 20%);color:var(--bg)}&.like{background-color:#6fcfff}&.dislike{background-color:#ff5a5a}}}.servers-list-server-initial{display:flex;z-index:0;flex-direction:row;align-items:flex-start;background-color:transparent;min-height:150px;.servers-list-server-info{display:flex;width:50%;flex-direction:column;justify-content:flex-start;text-align:flex-start;align-items:flex-start;background-color:transparent;overflow-y:hidden;overflow-x:hidden;min-height:170px;max-height:190px}h2{width:100%;margin:2%;padding:2%;background-color:transparent;box-sizing:border-box;text-align:left;font-size:18pt;text-wrap:wrap}p{mask-image:linear-gradient(to bottom,var(--bg),var(--bg),transparent);border-radius:10px;padding:0 5%;text-wrap:stable;word-break:break-all}img{width:50%;margin:0;border-radius:25px;box-sizing:border-box}}}}@media (min-width: 825px){.servers-list{grid-template-columns:1fr 1fr 1fr 1fr}}@media (min-width: 551px) and (max-width: 750px){.servers-list{grid-template-columns:1fr 1fr}.serverinfo-dialog{width:65%}}@media (min-width: 100px) and (max-width: 550px){.servers-list{grid-template-columns:1fr}.serverinfo-dialog{width:80%}}::-webkit-scrollbar{width:10px;background-color:var(--actuallyColor)}::-webkit-scrollbar-thumb{margin:10%;border-radius:30px;background-color:var(--contraColor)}::selection{background-color:var(--def);color:var(--actuallyColor)}::marker{color:var(--botcolor)}