html {
	height:100%;
	width:100%;
	background:#1e1b19;
}

body {
	width:100%;
	height:auto;
	min-height:100vh;
	overflow-x:hidden;
	font-family: 'Manrope', sans-serif;
}

* { /* This sets the baseline for all elements */
	-webkit-font-smoothing: antialiased!important;
	-moz-osx-font-smoothing: grayscale!important;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.004)!important;
	text-rendering: optimizeLegibility;
	box-sizing:border-box;
}

@-ms-viewport { width: device-width; inicial-scale: 1.0; }
@-o-viewport { width: 430px; inicial-scale=1.0; }
@viewport { width: device-width; inicial-scale=1.0; }

/* Normalizer */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{display:block;}
audio,
canvas,
progress,
video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],
template{display:none;}
a{background-color:transparent;}
a:active,
a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,
strong{font-weight:bold;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
small{font-size:75%;line-height:1;display:inline-block;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;vertical-align:top;}
svg:not(:root){overflow:hidden;}
figure{margin:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,
kbd,
pre,
samp{font-family:monospace, monospace;font-size:1em;}
button,
optgroup,
select{color:inherit;font:inherit;margin:0;}
button{overflow:visible;-webkit-appearance:none;border:none;background:none;}
button:hover, button:focus {outline:none;}
button,
select{text-transform:none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:none;cursor:pointer;}
button[disabled],
html input[disabled]{cursor:default;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:none;margin:0;padding:0;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,
th{padding:0;}
*::-webkit-media-controls-start-playback-button {display: none!important;-webkit-appearance: none;}
ul {list-style:none;padding:0;margin:0;}
nav ul {list-style:none;padding:0;}
nav ul li {padding:0;}
nav a {height:auto;text-align:left;padding:0;}
/* Form style remover */
form {width: auto;padding:0;position:relative;}
label {display:block;}
input, textarea {-webkit-appearance: none;-webkit-border-radius: 0;width: 100%;display:block;background-image: none;border:none;padding: 1rem;}
textarea {height: 3rem;}
input:focus, textarea:focus {outline:none;}
p {margin:0}

/* //Normalizer */

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

a {
	text-decoration:none;
	color:inherit;
}

a:hover {
	text-decoration:underline;
}

a.underline {
	text-decoration:underline;
}

a.underline:hover {
	font-weight:bold;
    color:#abf6ff;
}

::selection {
	background-color:white;
	color:#565656;
}

::-moz-selection {
	background-color:white;
	color:#565656;
}





content {
    height:auto;
    min-height:100vh;
    padding:2rem;

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

content:before {
    content:'';
    position:fixed;
    width:100%;
    height:100%;
    top:0;right:0;bottom:0;left:0;
    z-index:-1;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#logo-container, .intro {
    flex-grow:1;
    display:flex;
    align-items:center;
    justify-content:center;
}

#logo {
    width:100%;
    max-width:300px;
}

footer {
    /* justify-self:flex-end; */
    color:white;
}

footer p {
    text-align:center;
    font-weight:bold;
    font-size:0.8rem;
}

footer p span {
    color:#abf6ff;
}


.list-container {
    margin-top:30px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}

.list-container li img {
    width:100%;
    width:40px;
    height:40px;
}

.badge {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    margin-left:1rem;
}

.small-text {
    font-size:0.5rem;
    text-transform:uppercase;
    font-weight:bold;
    text-align:left;
    letter-spacing:0.1rem;
    margin-bottom:0.4rem;
}

#smaller-icon {
    width:auto;
    height:20px;
}


.donate-wrapper {
    position:absolute;
    left:2rem;
    bottom:2rem;
    display:flex;
    flex-direction:column;
    color:white;

    max-width:240px;
}

.donate-wrapper .small-text {
    font-size:0.55rem;
    text-transform:none;
    line-height:1.3;
    letter-spacing:0;
    color:rgb(150,150,150);
}

.donate-wrapper img {
    margin-top:5px;
    width:140px;
    height:auto;
    max-height:52px;
}


.intro {
    flex-direction:column;
}

.intro p {
    color:white;
    font-weight:bold;
    max-width:330px;
    text-align:center;
    margin-top:30px;
}

.intro h1 {
    font-size:6rem;
    font-weight:bold;
    text-transform:uppercase;
    color:#abf6ff;
    line-height:1;
    margin:0;
    text-align:center;
}


form input[type='image'] {
    padding:0;
    width:140px;
    height:48px;
}

form img {display:none;}


@media screen and (max-width: 1000px) {

    .donate-wrapper {
        position:relative;
        bottom:auto;
        left:auto;
        margin-top:50px;
        max-width:400px;
    }

    #logo {
        width:90%;
    }

    footer p {
        text-align:left;
    }

    .list-container {
        justify-content:flex-start;
    }

}

@media screen and (max-height: 750px) {

    #logo-container {
        min-height:75vh;
    }

}