@font-face {
    font-family: Vip;
    src: url("vip.otf") format("opentype");
}

@font-face {
    font-family: VipItalic;
    font-style: italic;
    src: url("vipit.otf") format("opentype");
}

@font-face {
    font-family: VipBold;
    font-weight: bold;
    src: url("vipbold.otf") format("opentype");
}

@font-face {
    font-family: VipBoldItalic;
    font-style: italic;
    font-weight: bold;
    src: url("vipboldit.otf") format("opentype");
}


body {
	color: black;
	background-color: #aaa;
/*	justify-content: center; */
	display: grid;
	place-items: center;
}

.heading {
	color: black;
	background-color: #ccc;
/*	display: flex; */
	justify-content: center;
}
.main-content {
	padding: 10px;
	max-width: 75%;
	color: black;
	background-color: #bbb;
	
}

.navbar {
	display: flex;
	justify-content: center;
	padding: 5px;
}

.navbutton {
	font-family: Vip;
	color: #fff;
	text-decoration: none;
	padding: 5px;
}

.btn {
	background-color: #555;
	padding: 5px;
}
p {
	font-family: Vip;
}

h1 {
        font-family: VipBoldItalic;
}

h2 {
	font-family: VipBoldItalic;
}

ul {
	font-family: Vip;
}

a, a:visited {
	color: black;
}