@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Hachi+Maru+Pop&family=Jura:wght@300..700&family=Pacifico&family=Rubik+Mono+One&family=Rubik:ital,wght@0,300..900;1,300..900&family=Russo+One&family=Tektur:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined');
*{
	margin: 0;
	padding: 0;
}
html,
body {
	height:100%;
	background: radial-gradient(ellipse farthest-corner at 90% 100%, #020711 3%, #000 97%);
	background-size: 100%;
	-moz-background-size: 100%;
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   background-attachment: fixed;
}
#body{
	height:auto !important;
	min-width:100%;
	min-height:100%;
}
#content{
	margin: 0px auto;
	width: 1400px;
	padding-bottom:254px;
}
#footer{
	display:block;
	margin-top:-200px;
	bottom:50px;
	left:0;
	min-width:100%;
	height:200px;
}
#docBox{
	display:block;
	margin-top:54px;
}
.infooter{
	display:block;
	margin:0 auto;
	width: 1400px;
}
.footerline{
	display:block;
	height: 2px;
	margin-bottom: 24px;
	background: linear-gradient(to right, #921AFF, 60%, #FF1A7E);
}
.pict{
	display:inline-block;
	font-family:'Material Icons Outlined';
	font-size:24pt;
	color:#6D6D6D;
	vertical-align: middle;
}
.button1{
	display:inline-block;
	background: linear-gradient(#416CA1, 10%, #3498A6);
	font-family: "Jura", sans-serif;
   font-size: 16pt;
   color:#fff;
   padding: 2px 8px;
   border-radius:20px;
   cursor: pointer;
   vertical-align:top;
}
.button1:hover{
	background: linear-gradient(#921AFF, 10%, #FF1A7E);
}
.link1{
	display:inline-block;
	font-family: "Jura", sans-serif;
   font-size: 16pt;
   color:#fff;
   padding-bottom: 4px;
   border-bottom: 2px solid #fff;
   cursor: pointer;
   vertical-align:top;
}
.link1:hover{
	border-bottom: 2px solid #FF1A7E;
}
.link2{
	display:block;
	font-family: "Jura", sans-serif;
   font-size: 16pt;
   color:#6D6D6D;
   width:fit-content;
   padding-bottom: 4px;
   margin-bottom:4px;
   border-bottom: 2px solid #6D6D6D;
   cursor: pointer;
   vertical-align:top;
}
.link2:hover{
	border-bottom: 2px solid #FF1A7E;
}
.link3{
	display:inline-block;
	font-family: "Jura", sans-serif;
   font-size: 16pt;
   color:#6D6D6D;
   width:fit-content;
   padding-bottom:1px;
   margin-bottom:4px;
   border-bottom: 2px solid #6D6D6D;
   cursor: pointer;
   vertical-align:top;
}
.link3:hover{
	border-bottom: 2px solid #FF1A7E;
}
.topann{
	display: inline-block;
	width: 330px;
	margin-left: 18px;
	vertical-align: top;
}
.topannimg{
	display: block;
	margin-top:12px;
	height: 230px;
	border:1px solid #fff;
	border-radius: 20px;
}
.topanntext{
	display: block;
	font-family: "Jura", sans-serif;
   font-size: 16pt;
   color:#fff;
}
.texttop{
	display:inline-block;
	vertical-align:middle;
	margin:0px 0px 13px 0px;
	font-family: "Hachi Maru Pop", cursive;
	letter-spacing:-7px;
   font-size: 20pt;
   color:#fff;
}
.texttop2{
	display:block;
	vertical-align:middle;
	font-family: "Hachi Maru Pop", cursive;
	letter-spacing:-7px;
   font-size: 18pt;
   color:#fff;
}
.textnav{
	display:inline-block;
	vertical-align:middle;
	margin:0px 0px 0px 4px;
	font-family: "Jura", sans-serif;
   font-size: 16pt;
   font-weight:600;
   color:#fff;
}
.text1{
	font-family: "Jura", sans-serif;
   font-size: 16pt;
   color:#fff;
}
.text2{
	font-family: "Jura", sans-serif;
   font-size: 16pt;
   color:#6D6D6D;
}