@font-face {
	font-family:myFont;
	src: url(Taviraj-SemiBold.ttf);
}
@font-face {
	font-family:charm;
	src:url(Charm-Bold.ttf);
}
@media screen and (min-width: 801px) {
* {
    font-family:myFont;
	font-size:28px;
	margin:0;
	padding:0;
	box-sizing:border-box;
}
.pbt {
	font-family:charm;
	font-size:32px;
}
}
@media screen and (max-width: 800px) {
* {
    font-family:myFont;
	font-size:3.5vw;
	margin:0;
	padding:0;
	box-sizing:border-box;
}
.pbt {
	font-family:charm;
	font-size:4vw;
}
}
body {
    background-color:lightblue;
}

.collapsible {background-image:linear-gradient(to right, #0575E6 0%, #021B79 51%, #0575E6 100%)}
.collapsible1 {background-image:linear-gradient(to right, #0099F7 0%, #F11712 51%, #0099F7 100%)}
.collapsible2 {background-image:linear-gradient(to right, #ff00cc 0%, #333399 51%, #ff00cc 100%)}
.collapsible3 {background-image:linear-gradient(to right, #614385 0%, #516395 51%, #614385 100%)}
.beshow {
	cursor:pointer;
	border-radius:1vw;
	margin:2vw 2vw 0 2vw;
	padding:1vw;
	position:sticky;
	top:0;
	color:white;
	text-align:center;
	box-shadow:0.5vw 0.5vw 1vw gray;
}
.behide {
	display:none;
	background-color:lavender;
	margin:0 2vw;
	padding:1vw 0;
	border-radius:1vw;
	box-shadow:0.5vw 0.5vw 1vw gray;
}
p,ul {
	text-align:center;
	padding:1vw;
}
li {
	margin-left:8vw;
	margin:4vw;
}
.jus {
	text-align:justify;
}
a {
	text-decoration:none;
}