@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap');

/* ^^^^^^^^^^^^^^^^ reset  ^^^^^^^^^^^^^^^^  */
:focus { outline: 0; border-style: none; }
a{ text-decoration: none; outline: none; color: #393359; }
a:hover { color: #1d1c14; text-decoration: none; }
abbr,acronym{ border: 0; font-variant: normal; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal; font-weight: normal; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin: 0; padding: 0; }




/* ^^^^^^^^^^^^^^^^ globals  ^^^^^^^^^^^^^^^^  */
body,textarea,input,select,div,span,a{ color: #242a39; font-family: 'Poppins', sans-serif; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: 0.02em; }

caption,th{ text-align: left; }
fieldset,img{ border: 0; }
h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal; }
/* ^^^^^^^^^^^^^^^^ Html  ^^^^^^^^^^^^^^^^ */
html{ color: #242a39; height: 100%;}
body {margin: 0;padding: 0;height: 100%;}
img{ border: 0px; image-rendering: optimizeQuality;}
input,textarea,select{ font-family: inherit; font-size: inherit; font-weight: inherit; font-weight: 300; }
legend{ color: #000; }
ol,ul{ list-style: none; }
q:before,q:after{ content: ''; }
sub{ vertical-align: text-bottom; }
sup{ vertical-align: text-top; }
table{ border-collapse: collapse; border-spacing: 0; }
ul{ margin: 5px; margin-left: 20px; padding: 0; }
 






/* ^^^^^^^^^^^^^^^^ page  ^^^^^^^^^^^^^^^^  */
body { background-color: #fdf20b; text-align:center;}
.banner{
	display: inline-block;
	margin: auto;
	background-color: black;
	margin-top: 20%;
	padding: 2% 4%;
}

h1{ 
	font-weight: 800;
}

.banner *{
	color: white;
}