body{
	font-family:Helvetica;
	top:50px;
	position:relative;
	background-color:#121B2E;
}

h1 {
 font-family:Helvetica;
 color:white;
 font-size:30px;
}
h2 {
	color:white;
}
p {
	color:white;
}

header {
	background-color:#10182C;
	position:fixed;
	height:60px;
	width:100%;
	top:0;
	left:0;
}
header p {
	color: white;
	font-size:30px;
	margin: 5px;
}

.site-header {
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-left {
 padding: 20px;
}

.header-right {
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 10px;
}

.user-name {
  font-weight: 600;
}

header .btn {
  padding: 6px 12px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
}

header .btn-outline {
  border: 1px solid #ccc;
  color: white;
}

header .btn-primary {
  background: #000;
  color: #fff;
}


a {
	text-decoration:none;
	color:#DDDDDD;
}
body img {
	border-radius:20px;
}
label {
	color:white;
}
th {
	color:white;
}
ul {
	color:white;
}
td {
	color:white;
}
@media (max-width: 900px) {

	article, h2 {
	padding:0 20px;
	}

    }