/*@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&family=Quicksand&family=Syne:wght@800&family=Savate:ital,wght@0,200..900;1,200..900&display=swap');

html body {
    width: 100%;
    margin: 0;
	
}

:root {
/*  --bkgblue: #4aa0dd;*/
/*  --bkgblue: #2890d9;*/
/*  --bkgblue: #0096ff;*/
  --bkgblue: #289dff;
  --mutedred: #c41919;
}

body{
	background: var(--bkgblue);
	color: white;
/*	overflow-y:hidden;*/
}

#maintext{
	/*transform: scale(0.8, 1);
    letter-spacing: 0.5px;
    font-family: "Michroma";*/
	font-family: "Quicksand", "Helvetica", sans-serif;
	font-size: 14pt;
	font-size: clamp(12pt, 2vw, 14pt);
/*	font-size: 1.35vw;*/
	position:relative;
	z-index:1000;
    margin-left: 15px;
    margin-right: 5px;
}
#maintext a         {text-decoration: none;}
#maintext a:link,
#maintext a:visited {
	color:#dcd80f;
/*	text-shadow: 0px 0px 3px black;*/
}
#maintext a:hover   {color:white;text-shadow: 0px 0px 3px black;}
#maintext a:active  {color:#ffffff00;}


#NSFacknowledgement {
    font-size: 10pt;
    max-width: 555px !important;
    margin-top: 10px;
    margin-right: 110px;
}


header{margin-top:50px;}
#pagetitle{
/*	font-family: Syne;*/
/*	font-family: Futura;*/
	/*font-family: "Fascinate", Helvetica, sans-serif;*/
	font-family: "Savate", Helvetica, sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    font-size: clamp(24pt, 9vw, 64pt);
	margin-bottom:-15px;
/*	width: 800px;*/
/*	margin-left: 100px;*/
	text-align: center;
	position:relative;
	z-index:2;
/*	transform:scale(1,2);*/
	white-space: nowrap;
}

#bodywrapper{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow-x:clip;
}


#justificationwrapper{
	max-width: 750px;
	margin: auto;
	margin-top: 45px;
	position:relative;
	
    height: auto;
}


#madeby{
	position:fixed;
	right:5px;
	bottom:5px;
	z-index:1000;
	background:var(--bkgblue);
}

#firstpoint{
	margin-bottom:30px;
}

.miniheading{
	position: relative;
	color:black;
	font-family: "Gill Sans","Gill Sans MT", "Lato", "Arial", sans-serif;
	font-weight:700;
	font-size:12pt;
	font-size:clamp(9pt,2vw,12pt);
}

.miniheading::before{
	content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: -1;
/*  background: orange;*/
/*  transform: rotate(10deg);*/
}

.info_point{
	margin-top:10px;
	margin-bottom:10px;
}

li{
	margin-bottom:20px;
}

ol li:last-child{
	margin-bottom:0;
}


#secondheading::before{
	background:orange;
	width:125%;
	left: -15%;
    transform: skew(13deg, -4deg);
}
#thirdheading::before{
	background:yellow;
    transform: skew(4deg, 6deg);
}
#fourthheading::before{
    width: 155%;
    left: -28%;
	background:orange;
    transform: skew(-9deg, -5deg);
}
#fifthheading::before{
    width: 150%;
    left: -28%;
	background:yellow;
    transform: skew(13deg, 3deg);
}
#sixthheading::before{
    width: 140%;
    left: -22%;
	background:orange;
    transform: skew(32deg, -9deg);
}
#seventhheading::before{
    width: 155%;
    left: -28%;
	background:yellow;
    transform: skew(-22deg, 6deg);
}

.leftcol{
	text-align:right;
    padding-right: 25px;
	padding-top:35px;
	width:200px;
	width: clamp(150px, 35vw, 200px);
	vertical-align: top;
}
.vertcentered{
	vertical-align: middle !important;
	padding-top:0px !important;
}

.rightcol{
	padding-top:20px;
	padding-bottom:20px;
}

ol,ul{
	margin:10px 0 10px 0;
	padding-left:15px;
}

ul{margin-top:20px;}

#infotable{
    width: 108%;
    margin-left: -55px;
}

.papertitle{
	font-style:italic;
}


/* Decorations */

#upperrightdec{
	position: absolute;
    display: inline-block;
    height: 10px;
    width: 10px;
    z-index: 1;
    top: -60px;
    right: -25px;
}
.diamondstretch{
	position:absolute;
	display:inline-block;
    scale: 1.9 0.6;
    scale: 1.9 0.2;
}
.diamond{
	background:#00f5d5c7;
	width:100px;
	height:100px;
	rotate: 45deg;
}
#diam2{
    top: 213px;
    left: 130px;
}

.urdeccircle{
	    position: absolute;
    display: inline-block;
    height: 50px;
    width: 50px;
    background: #1bdb1b;
    border-radius: 50%;
    left: 75px;
}

#urcircle1{
    top: 50px;
}
#urcircle2{
    top: 105px;
}
#urcircle3{
    top: 160px;
}
#urcircle4{
    top: 215px;
}



#upperleftdec{
    position: absolute;
    display: inline-block;
    height: 100px;
    width: 100px;
    z-index: 1;
    left: 0;    
    top: 178px;
}

.ulcircoutline{
	position:absolute;
	display:inline-block;
	height:250px;
	width: 250px;
	border: 7px solid var(--mutedred);
	border-radius:50%;
	overflow:hidden;
	left:-200px;
}

#ulout1{
	top:0px;
}
#ulout2{
	top:225px;
}
#ulout3{
	top:450px;
}

.fillcircright{
	position:absolute;
	display:inline-block;
	left:50%;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:var(--mutedred);
}
.fillcircleft{
	position:absolute;
	display:inline-block;
	right:50%;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:var(--mutedred);
}


#lowerrightdec{
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    z-index: 1;
    right: 100px;
    bottom: 175px;
}

.starwrapper{
	position:absolute;
	display:inline-block;
	width:100px;
	height:100px;
}

.starbkg{
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	background:#fff099;
}


.starcutouttl{
	width:100%;
	height:100%;
	position:absolute;
	display:inline-block;
	background:var(--bkgblue);
	border-radius:50%;
	top:-50%;
	left:-50%;
}
.starcutouttr{
	width:100%;
	height:100%;
	position:absolute;
	display:inline-block;
	background:var(--bkgblue);
	border-radius:50%;
	top:-50%;
	right:-50%;
}
.starcutoutbl{
	width:100%;
	height:100%;
	position:absolute;
	display:inline-block;
	background:var(--bkgblue);
	border-radius:50%;
	bottom:-50%;
	left:-50%;
}
.starcutoutbr{
	width:100%;
	height:100%;
	position:absolute;
	display:inline-block;
	background:var(--bkgblue);
	border-radius:50%;
	bottom:-50%;
	right:-50%;
}

#star1{top:100px;}
#star2{left:100px;}
#star3{top:100px;left:100px;}
#star4{top:100px;left:100px;}
#star5{top:-100px;left:100px;}
#star6{top:100px;left:-100px;}
#star7{top:100px;left:200px;}
#star8{top:200px;left:100px;}