* {
    padding:0;
    margin:0;
}

/* general style */
a	{ text-decoration: none;
	}
:link {color:#666666; ; } /*unvisited links*/
:visited {color: #666666 ; } /*visited links*/
:active {color: #666666 ; } /*when link is clicked */
/* :hover {color: #888888 ; } /*hover color*/

/* awesome gradient */
body {
	background-image: -webkit-gradient(
	radial, /* type of gradient (could also be linear)*/
	50% 15%, 200, /* inner circle */
	50% 15%, 600, /* outer circle */
	to(rgb(0,0,0)), /* outer color 240 200 0 */ 
	from(rgb(255,255,255)) /* inner color */
);

	background-image: -moz-radial-gradient(
	50% 15%, /* position of circle (only specify one center for inner and outer) */
	circle, /* type of gradient (could also be linear)*/
	rgb(0,0,0) 200px, /* outer circle color and diameter */
	rgb(255,255,255) 600px /* inner circle color and diameter */
);

}

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

/* to make sure it's centered and nonrepeating */
html, body, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	margin: 0 auto;
}
#wrapper {
      text-align: center;
      vertical-align: middle;
      width: 460px;
}


/* typical text stuff */
body {
    font-size: 14px;
    font-family: "Lucida Console", Monaco, monospace;
}

p,h1,h2,h3,h4 {
	
} 

h1 {
    color:#888888;
	font-size:90pt;
    font-weight:normal;
    text-align:center;
    margin: 25px 50px 25px;
}

h2 {
	font-size:24pt;
    font-weight:normal;
    text-align:center;
	color:rgb(0,0,0);
    font-family: 'Montserrat', sans-serif; ;
    margin: 25px 50px 25px;
}

h3 {
	color:rgb(100,20,50);
	text-align:center;
	text-weight:normal;
    font-weight:normal;
	font-size:13pt;
    font-family: "Lucida Console", Monaco, monospace;
    margin: 25px 50px 25px;
}

h4{
	color:#666666;
	text-align:center;
	text-weight:normal;
    font-weight:normal;
	font-size:10pt;
    font-family: "Lucida Console", Monaco, monospace;
    margin: 25px 50px 25px;
}

h4:hover {color: #888888 ; } /*hover color*/


/* the main icon image. it must be square (f'd with nonsquare centering and couldn't get it to work) */

.icon {
	display:block;
	text-align:center;
    margin:0px;
    padding:0px 140px 0px 140px;
    border:none;
	width:240px;
	vertical-align:middle
	background-color:none;
}

.montserrat {
  font-family: 'Montserrat', sans-serif;
}


/* email signup style */

fieldset {
    border:none;
}

form {
    width:440px; /*total is 402*/
    margin:5% auto;
    padding:15px;
    border:solid 8px rgb(255,255,255); /* #999999 */
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:6px;
}

input {
    border:none;
    background-color:none;
}

#signup-email {
    border:1px solid #999999;
    color:#999999;
    padding:5px;
    margin-left:10px;
    margin-right:4px;
}

#signup-email:focus {
    border-color:#666666;
    background-color:#cccccc;
    background-image:none;
    color:#000;
}

#signup-button {
    background-color:#999999;
    color:#FFF;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    padding:5px;
    text-shadow: 1px 1px 1px #666666;
}

#signup-button:hover {
    cursor:pointer;
    background-color:#cccccc;
}

#signup-response {
    display:inline;
    margin-left:4px;
    padding-left:20px;
}

.response-waiting {
    background:url("img/signup/loading.gif") no-repeat;
}

.response-success {
   background:url("img/signup/tick.png") no-repeat;
}

.response-error {
   background:url("img/signup/cross.png") no-repeat;
}