/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;600;700;800;900&display=swap');

* {margin:0;padding:0;}

.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.redHover {background-color: red;}

.purchaseButton {
	background-color: #000;
	border-radius: 75px;
	color: #fff;
	border-color: #000;
	border-width: 2px;
	padding: 10px 32px 14px 32px;
	border-style: solid;
	font-weight: 800;
}

.purchaseButton:link {color: #fff;}
.purchaseButton:visited {color: #fff;}
.purchaseButton:hover {color: #ffb700; text-decoration:none;}  /* mouse over link */
.purchaseButton:active {color: #ffb700; text-decoration:none;}  /* selected link */

.purchaseButton:hover {
	background-color: #fff;
	border-radius: 75px;
	color: #000;
	border-color: #000;
	border-width: 2px;
	padding: 10px 32px 14px 32px;
	border-style: solid;
	font-weight: 800;
}

.storeAlbum {
	padding: 10px;
	color: #000;
}

.storeAlbum:hover {
	padding: 10px;
	background-color: #000;
	color: #fff;
}

body {
background-color: #fff;
font-family: 'Inconsolata', monospace;
font-weight: 300;
color: #000;
text-align: center;
padding: 0;
margin: 0 auto;
}

#wrapperOuter {
margin: 0 auto;
width: 100%;
padding: 1px 0 0 0;
}

#header {
position: relative;
width: auto;
height: auto;
margin: 60px auto 10px auto;
padding: 0 20px;
}

#footer {
position: relative;
width: auto;
height: auto;
margin: 10px auto 10px auto;	
}

#writeupMain {
position: relative;
max-width: 1100px;
width: auto;
padding: 25px;
margin: 0 auto;
height: auto;
font-family: 'Inconsolata', monospace;
}

#navigationBarTop {
width: 100%;
margin: 0;
padding: 0;
position: fixed;
background-color: #000;
color: #fff;
font-family: 'Inconsolata', monospace;
z-index: 10;
}

#navigationBarTop a:link {color: #fff; text-decoration:none;}
#navigationBarTop a:visited {color: #fff; text-decoration:none;}
#navigationBarTop a:hover {color: #ffb700; text-decoration:none;}
#navigationBarTop a:active {color: #ffb700; text-decoration:none;}

a:link {color: #000; text-decoration:none;}  /* unvisited link */
a:visited {color: #000; text-decoration:none;}  /* visited link */
a:hover {color: #ffb700; text-decoration:none;}  /* mouse over link */
a:active {color: #ffb700; text-decoration:none;}  /* selected link */