@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;600&display=swap'); 

/* tailwindcss preflight - MIT Licensed */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme('borderColor.DEFAULT',currentColor)}::before,::after{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:theme('fontFamily.sans',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji")}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:theme('fontFamily.mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:theme('colors.gray.400',#9ca3af)}button,[role="button"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}

::-moz-selection{color:#a483ff;background:#130b00}
::selection{color:#a483ff;background:#130b00}
body::-webkit-scrollbar{width:.5em}
body::-webkit-scrollbar-track{background-color: #000000;}
body::-webkit-scrollbar-thumb{background-color:#ffffff; outline:2px solid #000000; border-radius: 10px;}

html, body {
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.container {
    max-width: 850px;
    text-align: center;
    background-color: #000F21;
    padding: 1rem;
    border-radius: 8px;
    line-height: 1.625rem;
    
}

#waitlist {
    margin-top: 1rem;
}

footer {
    flex: 0;
    margin: 1rem;
}

#contact {
    background-color: #C9E5FF;
    color: #000F21;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.15s ease-in-out;
}

#contact:hover {
    transform: scale(1.1);
}

#contact > a {
    font-weight: bold;
    margin: 0.6rem 1.5rem;
}

/*** branding ***/
#brand {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
#brand-icon {width: 40px; height: 43.75px; margin: 0.5rem}
#brand-name {font-size: 43px;}

@media screen and (min-width: 420px) {
    #brand-icon {width: 80px; height: 87.5px; margin: 1rem}
    #brand-name {font-size: 43px;}
}

@media screen and (min-width: 780px) {
    #brand-icon {width: 160px; height: 175px; margin: 2rem}
    #brand-name {font-size: 87px;}
}

/*** background rendering ***/
#c{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}