@font-face {
	font-family: Ubuntu;
	src: url(fonts/ubuntu.ttf);
	font-weight: normal;
}
@font-face {
	font-family: Ubuntu;
	src: url(fonts/ubuntulight.ttf);
	font-weight: 200;
}
@font-face {
    font-family: Comic;
    src: url(fonts/comic.ttf);
}
ul {
    list-style-image: url('minimol.png');
}
.nice {
	transition: 0.4s;
	opacity:0.5;}
.nice:hover {
	opacity:1;}
#secret {
	text-decoration: none;
	color: black;}
.rainbow {
	font-family: 'Comic Sans MS', 'Comic', sans-serif;
	animation: rainbow 1.4s infinite ease-in-out;
	position: relative;
	z-index: 3}
@keyframes rainbow{
	0%{color: #F0F;
	font-size: 5em;
	transform: rotate(1deg);
	text-shadow: 10px 10px 10px red;}	
	17%{color: #F00;
	transform: rotate(-1deg);}
	33%{color: #FF0;
	transform: rotate(1deg);}
	50%{color: #0F0;
	font-size: 4em;
	transform: rotate(-1deg);
	text-shadow: 1px 1px 1px red;}
	67%{color: #0FF;
	transform: rotate(1deg);}
	83%{color: #00F;
	transform: rotate(-1deg)}
	100%{color: #F0F;
	font-size: 5em;
	transform: rotate(1deg);
	text-shadow: 10px 10px 10px red;}}
.zest {
	opacity: 0.1;
	width: 5vw;
	transition: 1s;
}
.zest:hover {
	opacity: 1;
	width:15vw;
}
.list, .dropbtn{
	text-decoration:none;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 200;
	margin: 7px;
	transition: 0.3s;
	font-size: 1.4em;
	display:block;
	padding: 7px 10px;
	text-align:left;
}
.list:hover, .dropbtn:hover{
	font-size: 1.6em;
}
body{
	margin:0;
}
html{
	overflow-x:hidden
}
h1,h2,h3,h4,h5,h6,p,li{
	font-family:'Ubuntu', sans-serif;
	font-weight:400;
}
.logo{
	display: block;
	margin: auto;
	width: 165px;
	padding-top: 10px;
	opacity: 0.9;
	transition: 0.3s;
}
.logo:hover {
	opacity:1}
.button{
	padding:5px 16px;
	cursor:pointer;
	color:#ff0;
}

.hide{
	display:none!important
}
.show-inline-block{
	display:inline-block!important
}
@media (min-width:993px){
	.disappear{
		display:none!important
}
	.sidebar.collapse{
		display:block!important
}
}
@media (max-width:992px){
	.sidebar.collapse{
		display:none
}
	.main{
		margin-left:0!important;
		margin-right:0!important
}
}
.top{
	position:fixed;
	width:100%;
	z-index:1;
	animation:animatetop 0.5s;
	top:0
}
.titlething{
	position:relative;
	animation:animatetop 0.5s;
	padding:30px;
}
@keyframes animatetop{
	from{
		top:-300px;
		opacity:0
}
	to{
		top:0;
		opacity:1
}
}
.animate-left{
	position:relative;
	animation:animateleft 0.5s
}
@keyframes animateleft{
	from{
		left:-300px;
		opacity:0
}
	to{
		left:0;
		opacity:1
}
}
.dmca-badge{
	display: none;
}
.content{
	padding:32px;
}



 /* Dropdown Button */
.dropbtn {
    border: none;
    cursor: pointer;
	background-color: transparent;
}

/* The container <div> - needed to position the dropdown content */

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;} 

.sidebar{
	height:100%;
	width:200px;
	position:fixed;
	z-index:3;
	overflow-x: hidden;
}