nails' hexagon theme by nailsrails

/* ==UserStyle==
@name           super duper hexagon theme trust
@namespace      ?
@version        0.0.1
@description    hexagon css that makes it FUN!!!
@author         NailsRails (on hexagon and roblox)
==/UserStyle== */

@-moz-document domain("hexagon.pw") {
 @font-face {
            font-family: "Source Sans Pro";
            src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"),
            url("http://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff") format("woff");
            font-style: normal;
            font-weight: 700;
        }
        @font-face {
            font-family: "Source Sans Pro";
            src: local("Source Sans Pro Semibold"),
            local("SourceSansPro-Semibold"),
            url("http://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff") format("woff");
            font-style: normal;
            font-weight: 600;
        }
        @font-face {
            font-family: "Source Sans Pro";
            src: local("Source Sans Pro"),
            local("SourceSansPro-Regular"),
            url("http://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff") format("woff");
            font-style: normal;
            font-weight: 400;
        }
html, :host {
  line-height: 1.5;
  tab-size: 4;
  font-family: "Source Sans Pro",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
}
[class="flex items-center space-x-3 sm:space-x-4 lg:space-x-6 w-full"] {
   margin-left: -16px; 
}
[class="flex flex-row flex-wrap gap-8 mb-auto"]{
    margin-bottom: 1px;
}
[class="text-base flex flex-row flex-wrap pb-4 bg-muted-foreground/10 p-4 rounded-xl"] {
  padding-top: 5px;
  padding-bottom: 5px;  
}
[class="text-4xl leading-none tracking-tight font-semibold"]{
  padding-bottom: 15px;
}
[class="mx-auto flex w-full flex-col items-center justify-self-end"]{
    margin-left: -100px;
}
[class="shrink-0 bg-border h-[1px] w-full mt-24"] {
margin-top: 35px;    
}
[class="flex flex-col gap-y-4 mb-auto"] {
     padding-top: 25px;
}

.transition-width {
    content: none;
}
    
.bg-background\/95 {
    background: url(https://www.roblox.com/images/RevisedHeader/bg-rbx_header.png) repeat-x;
    height: 36px!important;
}
.bg-background\/60, .pl-1 {
    height: 36px!important;
}

.border-b {
  border-bottom-width: 0px;
}

.max-w-xs {
  max-width: 7rem;
}

.w-full {
  width: 99.9999%;
}
 
.text-muted-foreground {
  color: #fff;
}    

.md\:w-36 {
   content: url(https://i.e-z.host/r4dw4hdt.png);
}  

.opacity-80 {
 display: none;
}

.bg-muted-foreground\/5 {
  background-color: #191919;
}

.top-14 {
  top: 2.1em;
}
    
.bg-border {
  background-color: #191919;
}

[class="inline-flex items-center justify-center whitespace-nowrap rounded-xl text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 absolute right-0"] {
  height: 20px;  
}

[class="flex gap-x-1 relative w-full lg:w-1/3 aspect-square h-fit rounded-xl bg-muted-foreground/5"] {
   height: 400px;
    width: 400px;
}

[class="container p-8 flex flex-col gap-y-8"] {
   background-color: #191919;
    display: block;        
}
.outline-muted-foreground\/20 {
  outline-color: #0d0d0d;
}
[class="text-2xl leading-none tracking-tight font-semibold"] {
height: 20px;    
padding-top: 15px;
}
[class="flex flex-row flex-wrap gap-x-4 xl:flex-nowrap"] {
 height: 400px;    
}
[class="mx-auto flex flex-col w-full gap-y-4 select-none"] {
  height: 200px;       
}
[class="absolute right-0 bottom-0 w-56 pointer-events-none"] {
  padding-bottom: 40px;  
}
[class="supports-backdrop-blur:bg-background/60 w-full h-40 border-b bg-muted-foreground/5 shadow-sm flex p-16 items-center mt-4"] {
     border-color: #171717;
    margin-top: 1px;
}
[class="container p-8 flex flex-col gap-y-4"] {
   background-color: #191919;
    display: block;      
}
[class="container p-8 flex flex-col"] {
   background-color: #191919;
    display: block;
}
[class="container p-4 flex flex-col gap-y-6"] {
   background-color: #191919;
    display: block;
}
[class="container p-4 flex flex-col gap-y-4"] {
   background-color: #191919;
    display: block;
}
[class="pt-24  flex flex-1 flex-wrap min-h-screen"] {
    background: url(http://images.rbxcdn.com/7b740ce2fe1bb189612252b3b93c5b83.jpg) top center repeat-x #222222;
    
}

[class="container flex h-10 items-center"] {
  height: 20px;
}
    
[class="inline-flex items-center justify-center whitespace-nowrap rounded-xl text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10"] {
      background-color: #fff0;  
    border-color: #fff0;
}
.h-16 {
        background-color: #007001;
        background-image: url(https://roblox.is-a-good.site/05jdxo88.png);
        background-position: left 0px!important;
        border-color: #007001;
        border-style: solid;
        border-radius: 0;
        border-width: 1.8px;
}
.rounded-xl {
  border-radius: 0rem;
}
.outline-dashed {
  outline-style: solid;
}
.bg-blue-600
{
        text-shadow: #013401 0 -1px;
}
}