.fixed {
	position: fixed;
 	top: 0;
 	right: 10px;
 	border: 2px solid black;
 	width: 200px;
 	padding: 5px;
 	margin: 5px;
 	background-color: white;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.pad {
	padding: 5px;
}

.np-h1 {
    text-align: center;
    font-family: Brush Script MT, Brush Script Std, cursive;
    font-size: 60px;
    width: 1200px;
}

.cb-w {
	width: 1200px;
}
.cb-hr {
	height: 1px;
	border: none;
	background-color: gray;
	color: blue;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: -50px;
	width: 1250px;
}
/* Styles for landscape orientation */
@media screen and (orientation: landscape) {
  .container {
    flex-direction: row;
  }
}

/* Styles for portrait orientation */
@media screen and (orientation: portrait) {
  .container {
    flex-direction: column;
  }
}