* {
  box-sizing: border-box;
}

/* This technique doesn't naturally cause horizontal overflow, but once there is natural vertical overflow, it causes horizontal overflow, so stopping here. */
body {
  overflow-x: hidden;
}

@font-face {
  font-family: bryantregular;
  src: url(../fonts/bryant/regular.otf);
}

@font-face {
  font-family: bryantregularcondensed;
  src: url(../fonts/bryant/regularcondensed.otf);
}

@font-face {
  font-family: bryantboldcondensed;
  src: url(../fonts/bryant/boldcondensed.otf);
}

@font-face {
  font-family: bryantmediumcondensed;
  src: url(../fonts/bryant/mediumcondensed.otf);
}

@font-face {
  font-family: bryantlightcondensed;
  src: url(../fonts/bryant/lightcondensed.otf);
}

@font-face {
  font-family: bryantprobold;
  src: url(../fonts/bryant/probold.otf);
}

@font-face {
  font-family: bryantpromedium;
  src: url(../fonts/bryant/promedium.otf);
}

body {
  background: #00b9ee; /* For browsers that do not support gradients */
  width : 100vw;
  height: 100vh;
  margin : 0px;
  padding: 0px;
}

.container-fluid {
  height            : 100vh;
  width             : 100vw;
  padding           : 0px;
  margin            : 0px;
}


.greeting{
	position         : fixed;
	top              : 30vh;
	left             : 15vw;
  right            : 15vw;
  margin           : auto;
	width            : 70vw;
	height           : 30vh;
	text-align       : center;
	font-family      : bryantregular;
	font-size        : 12vh;
	color            : white;
}

.parentBox {
	position 		    : fixed;
	bottom  		    : 30vh;
	left            : 20vw;
	height          : 10vh;
	width           : 60vw;
	padding         : 0px;
	margin          : auto;
	margin-top      : 10vh;
	list-style      : none;
  
	display             : -webkit-box;
	display             : -moz-box;
	display             : -ms-flexbox;
	display             : -webkit-flex;
	display             : flex;
  
	-webkit-flex-flow   : row wrap;
	justify-content     : space-around;
	align-items         : center;

}


.rcorners {

	width           : 20vw;
	height          : 10vh;
	padding         : 0px;
	margin          : auto;
	display         : flex;
	list-style      : none;
  border-radius 	: 10vh;
  background      : #FAFAFA;
  cursor          : pointer;
  
	display             : -webkit-box;
	display             : -moz-box;
	display             : -ms-flexbox;
	display             : -webkit-flex;
	display             : flex;  
	-webkit-flex-flow   : row wrap;
	justify-content     : center;
	align-items         : center;

	font-family 		: bryantpromedium;
	font-size 			: 3vh;
	color           	: #00b9ee;
  border 			: solid 1vh rgba(255,255,255,0);
  border-radius     : 10vh;

}

a{
  border 			      : solid 1vh rgba(255,255,255,0);
  border-radius     : 10vh;

}

a:link    {
  text-decoration:  none;
  } 

a:visited {
  text-decoration:  none;
  } 

a:hover   {
  text-decoration 	: none;
  border 			: solid 1vh rgba(255,255,255,0.25);
  border-radius     : 10vh;
  } 


a:active  {
  text-decoration 	: none;
  border 			: solid 1vh rgba(255,255,255,0.25);
  border-radius 	: 10vh;
  background 		: rgba(255,255,255,0.5);
  }