@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
	--base-font-family: 'Roboto', sans-serif;
	--theme-color: #ffa64c;
	--selection-color: #FDF4E8;
	--docsifytabs-tab-highlight-color: #ffa64c;

	--base-line-height: 1.4;
	--base-font-size: 1.1rem;

	/* --cover-max-width: 45em; */

	--heading-h2-border-style: none;
	--heading-h1-margin: 1rem 0rem -0.5rem 0rem;
	--heading-h2-margin: 1rem 0rem -1.5rem 0rem;
	--heading-h3-margin: 1rem 0rem -.5rem 0rem;
	--heading-h4-margin: 1rem 0rem -.5rem 0rem;
	--heading-h5-margin: 1rem 0rem -.5rem 0rem;
	--heading-h6-margin: 1rem 0rem 0rem 0rem;
	--heading-h1-font-size: 1.60rem;
	--heading-h2-font-size: 1.40rem;
	--heading-h3-font-size: 1.20rem;
	--heading-h4-font-size: 1.15rem;
	--heading-h5-font-size: 1.1rem;
	--heading-h6-font-size: 1rem;
	--heading-h1-font-weight: 400;
	--heading-h2-font-weight: 400;
	--heading-h3-font-weight: 400;
	--heading-h4-font-weight: 400;
	--heading-h5-font-weight: 400;
	--heading-h6-font-weight: 400;

	--navbar-root-margin: 0 0 0 .8em;

	--sidebar-nav-link-font-weight--active: bold;

	--link-color: #0B87DA;
	--link-text-decoration: underline;
	--link-text-decoration--hover: underline;

	/* Link colour to match visual styling of Canvas LMS */
	/* --link-color: #008EE2; */

	--pagination-title-color: #0B87DA;

	/* example-panels */
		/* Document */
		/* --docsify-example-panels-document-width: 90%; */
		/* Wrapper */
		/* --docsify-example-panels-wrapper-width: 100%; */
		/* Standards */
		/* --docsify-example-panels-padding-inner : 8px 16px;
		--docsify-example-panels-padding-surroundings : 0px; */
		/* Titles */
		/* --docsify-example-panels-title-background: transparent; */
		/* Panel Left */
		--docsify-example-panels-left-panel-background : transparent;
		--docsify-example-panels-left-panel-width : 50%;
		/* Panel Right */
		--docsify-example-panels-right-panel-background : transparent;
		--docsify-example-panels-right-panel-width : 50%;
}

/* .cover.show {
	background: url(../images/bg1.png) center center no-repeat !important;
	background-size: cover;
} */

/* body .markdown-section {
	line-height: 1.4;
	font-size: 16px;
} */

.markdown-section a:link, .markdown-section a:visited, .markdown-section a:active {
	text-decoration: none;
}
.markdown-section a:hover {
	text-decoration: underline;
}

.markdown-section .topics_letters {
	margin: 2.5rem 0;
}
.markdown-section .topics_letters h3 {
	line-height: 2;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: stretch;
	align-items: center;
}

/* .gifcontrol-loading-spinner {
	display: inline-block;
	width: 25px;
	height: 25px;
	border: 3px solid;
	border-radius: 50%;
	animation: page-spinner-spin 1s ease-in-out infinite;
}

@keyframes page-spinner-spin {
	to {
		transform: rotate(360deg);
	}
} */

.floating-cat{
	position:absolute;
	right:  0px;
	width: 200px;
	height: 360px;
	z-index: 1000;
  
	-webkit-filter: drop-shadow(0px 5px 15px rgba(0,0,0,0.6));
	filter: drop-shadow(0px 5px 15px rgba(0,0,0,0.6));
  
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
  }
  @keyframes float {
	0% {
		-webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.8));
		filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.6));
		transform: translatey(0px);
	}
	50% {
		box-shadow: drop-shadow(0px 25px 10px rgba(0,0,0,0.4));
		filter: drop-shadow(0px 25px 10px rgba(0,0,0,0.2));
		transform: translatey(-20px);
	}
	100% {
		box-shadow: drop-shadow(0px 5px 5px rgba(0,0,0,0.8));
		filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.6));
		transform: translatey(0px);
	}
}