/* fonts */
@font-face{
  font-family:"not jam giant ui";
  src:url("fonts/Not Jam Giant UI 22.ttf");
}

@font-face{
  font-family:"not jam mono clean";
  src:url("fonts/Not Jam Mono Clean 13.ttf");
}


/* background */
body{
  background-color:#0e051d;
}

#main{
	background-color:gray;
	position:relative;
	width:50vw;
	margin:auto;
	padding:15px;
}

#main::after{
  content:"";
  clear:both;
  display:table;
}


/* text */
p{
  font-family:not jam mono clean;
  font-size:1vw;
  color:white;
}

figure{
  display:inline-block;
  margin-left:0vw;
  margin-right:0vw;
  color:white;
}

figcaption{
  font-family:not jam mono clean;
  color:white;
}

h1{
	font-size:3vw;
	font-family:not jam giant ui;
	text-align:center;
	margin:.5vw;
	color:white;
}

#big{
  font-size:2.5vw;
  text-align:center;
}

#socialcap{
  font-size:1.5vw;
  display:block
}


/* interactive elements */

#button{
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:50%;
  margin-top:1vw;
}

.buttonlink{
  width:100%;
}

.buttonlink:hover{
  transform:scale(1.1);
}

#social{
  display:inline-block;
  margin-left:.25vw;
  margin-right:.25vw;
  margin-bottom:.25vw;
}

.socialslink{
  width:80%;
}

.socialslink:hover{
  transform:scale(1.1);
}

.socialcontainer{
  text-align:center;
}


/* misc */

.center{
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:100%;
}