a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


/* ===== GENERAL ===== */
*, body {
	box-sizing: border-box;
	font: 1.18em/1.82em  -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
}

body {
	/* background-color: #111016; */
	background-color: #1c1e20;
	/* color: #babcca; */
	color: #fff;

	width: 100%;
	height: auto;
	text-align: center;
	/* padding: 30px 20px; */
}

#container {
	padding: 30px 20px;
	width: 100%;
}

.slogan {
	font-weight: 400;
}

.title {
	font-weight: 700;
	background: rgb(114,170,223);
	background: linear-gradient(98deg, rgba(66, 173, 239, 1) 33.61%, rgb(220, 17, 48) 86.13%);
	background: -webkit-linear-gradient(98deg, rgba(66, 173, 239, 1) 33.61%, rgb(220, 17, 48) 86.13%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

#header img {
	width: 100px;
	border-radius: 50%;
	/* border: 4px solid #fff; */
	border: 4px solid #72aadf;
	box-sizing: content-box;
}

#buttons {
	width: 100%;
	max-width: 700px;
	display: block;
	margin: 0 auto;
	margin-top: 25px;
	padding-bottom: 40px;
}

#buttons a {
	display: block;
	width: 100%;
	background-color: rgba(246, 247, 251, 0.96);
	border-radius: 29px;
	margin: 21px 0;
	padding: 10px 3px;
	color: #07182b;
	text-decoration: none;
	font-weight: 600;
	font-size: 1em;
	box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.3);
	opacity: 1;
	transition: opacity 0.4s;
}

#buttons a:hover {
	opacity: 0.8;
	box-shadow: none;
}

strong {
	font-weight: 700;
}


/* ===== FOOTER ===== */

#footer {
	position: fixed;
	background-color: rgba(28, 30, 32, 0.9);
	width: 100%;
	bottom: 0;
	padding: 20px 0;
	-webkit-backdrop-filter: blur(6px);
	-moz-backdrop-filter: blur(6px);
	-ms-backdrop-filter: blur(6px);
	-o-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);

	/* margin: 40px 0; */
	text-align: center;
	/*font-size: 0.85em;*/
	font-size: 1.6em;
	display: flex;
	justify-content: center;
}

#footer a {
	display: inline-block;
	/* width: 47%; */
	text-align: center;
	text-decoration: none;
	font-size: 0.68em;
	/* font-weight: 400; */
	/* letter-spacing: 0.04em; */
	margin: 0px;
	color: white;
	width: 40px;
	height: 40px;
	transition: background-color .4s;
	background-color: rgba(255,255,255,0.1);
	line-height: 40px;
	border-radius: 20px;
	/* border: 0.5px solid rgba(255,255,255,0.25); */
	margin: 0 5px;
}

#footer a.twitter {
	color: #1DA1F2;
}

#footer a.facebook {
	/* color: #4267B2; */
	color: #2c63e3;
}

#footer a.instagram {
	color: #E1306C;
	color: #C13584;
}

/* 4267B2 */

#footer a.contact {
	font-size: 0.55em;
	padding-right: 2px;
}

#footer a:hover {
	background-color: transparent;
	transition: background-color .4s;
}