html {
	scroll-behavior: smooth;
	padding: 8px;
	padding-left: 0;
    padding-bottom: 0;
}

body {
	margin-top: 0;
	width: 100%;
    overflow-x: hidden
}

input {
	outline : none;
	padding-left: 15px;
}

button {
	cursor: pointer;
	outline: none;
}

input[type="submit"] {
	cursor: pointer;
}

.search-bar {
    height: 50px;
    width: 84%;
    border-radius: 50px;
    font-size: 21px;
    float: left;
}

.logo-name {
	color: white; 
	font-family: cursive;
	float: left;
	padding-top: 6px;
}

.logo-img {
	border-radius: 5px; 
	background-image: url();
	height: 50px;
	width: 50px; 
	float: left; 
	margin-right: 10px; 
	margin-top: 20px; 
	margin-left: 20px"
}

.search-bar-div {
	height: 50px;
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.content-title {
	color: white;
    margin: 20px 0px 0px 24px;
    font-size: 33px;
    font-family: "Fredoka One", cursive;
}

.search-icon {
	height: 30px;
    width: 30px;
}

.search-btn {
	margin-left: 4%;
    float: left;
    height: 57px;
    width: 7%;
    color: white;
	font-size: 19px;
	font-family: Quicksand, sans-serif;
    background-color: grey;
    border-radius: 5%;
    outline: none;
    cursor: pointer;
}

.login-signup-div {
	height: 8%;
    width: 168px;
    float: right;
    padding: 8px;
    text-align: center;
}

.footer-content {
	float: left;
    text-align: center;
    color: white;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    font-size: 25px;
    margin-right: auto;
    font-family: 'Fredoka One', cursive;
}

.logo-div {
	margin-left: 20px;
	float: left;
	width: auto;
	height: auto;
}

.card-img {
	height: 300px;
	width: 100%;
	border-radius: 5%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.card-title {
	color: white;
    font-size: 27px;
    font-family: ui-rounded;
    font-weight: 900;
    padding: 8px;
}

.card-content {
    color: white;
    font-size: 16px;
    font-family: 'Quicksand', sans-serif;;
    padding: 4px;
    margin-bottom: 12px;
}

.left-side-content {
	height:70%; 
	width: 70%; 
	float: left;
}

.rightside-bar {
	height: 70%; 
	width: 26%; 
	float: right;
	margin-left: 20px;
}

.content-div {
	width: auto;
}

.list-items {
	padding-left: 2px;
}

.list-style {
    list-style-type: none;
    padding-left: 20px;
    margin-left: 0;
}

.list-row-style {
	color: white;
    font-size: 19px;
    padding-top: 11px;
    line-height: 1.03244;
    font-family: Quicksand, sans-serif;
}

.glow {
	background: grey;
}

.about-us-title {
	color: white;
    font-family: 'Bitter', serif;
    font-size: 25px;
}

.about-us-heading {
    color: white;
    font-family: 'Anton', sans-serif;
	font-size: 32px;
    margin-left: 5px;
    margin-right: 5px;
}

.about-us-content {
	color: white;
	font-family: 'Quicksand', sans-serif;
}

.content-padding {
    padding: 10px;
    padding-right: 51px;
    line-height: 1.744534234;
}

fieldset {
	margin-right: 43px;
}

#index
{

  border-radius: 30px;
  padding: 10px; 
  width: 8%;
  height: 100%;
  margin-right: 7%;
  margin-left:2%;
  float: left;
}

#index:hover
{
	background: grey;
}

#menu
{
	height: 5%; 
	width: 100%; 
	float: left;
	
}


#foot {
	background: rgb(41, 39, 39);
    height: 147px;
    width: 100%;
    float: left;
	margin-top: 20px;
	display: flex;
}


h3
{
	color: white; 
	font-family: cursive;
}

#cont
{
	height: 100%;
	width: 45%;
	border-radius: 5% 5% 5% 5%;
	background: grey;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  	transition: 0.3s;
  	float: left;
  	margin-left: 20px;
  	margin-right: 20px;
  	margin-top: 30px;

}
#cont:hover
{
	background: red;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

}

#inner
{
	padding: 2px 16px;
}
a
{
	text-decoration: none;
}
h2
{
	color: white;
}
#myBtn {
	display: none;
    position: fixed;
    bottom: 55px;
    right: 30px;
    z-index: 100;
    font-size: 20px;
    border: none;
    outline: none;
    background-color: grey;
    color: #ffff;
    cursor: pointer;
    padding: 14px;
	border-radius: 50%;
	transition:opacity 1s ease-in;
}

#myBtn:hover {
  background-color: red;
}

#myBtn:visible {
	opacity: 1;
}