@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(255, 255, 255, 0);
	border-radius: 0px;
}

::-webkit-scrollbar-thumb {
	background-color: rgb(0, 0, 0);
	border-radius: 0px;
}

* {
	padding: 0;
	margin: 0;
}

html {
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
}

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	height: 100%;
	overflow-x: hidden;
	background-color: #ffffff;
}

.row--center{
	display: flex;
	justify-content: center;
	align-items: center;
}

.container-fluid{
	padding: 20px 10%;
}

.nav-item{
	margin: 0 8px;
}

.nav-link{
	font-weight: 700;
}

.header{
	background-color: #f8f9fa;
}

.navbar-brand--black{
	background-color: black;
	color: white;
	padding: 0 10px;
}

.navbar-brand--white{
	background-color: white;
	color: black;
	padding: 0 10px;
}

.header__content{
	padding: 10px 10% 80px;
}

.header__content__title{
	font-weight: 800;
	font-size: 70px;
}

.header__content__desc{
	font-weight: 600;
	margin-top: 20px;
	opacity: 0.7;
	margin-bottom: 80px;
}

.header__content__button{
	background-color: #101010!important;
	padding: 25px 80px;
	text-decoration: none;
	font-weight: 600;
	margin-top: 30px;
	color: white!important;
	transition: 0.5s;
}

.header__content__button:hover{
	background-color: #181818 !important;
	transition: 0.5s;
}

.header__content__link{
	text-decoration: none;
	color: #1e1d1d;
	font-weight: 700;
	margin-left: 40px;
}

.header__content__img{
	width: 100%;
	float: right;
}

.subjects{
	margin: -55px 10% 50px;
	padding: 40px 80px;
	background-color: rgb(241, 240, 240);
}

.subjects__link{
	cursor: pointer;
	text-decoration: none;
	margin: 0 10px;
	padding: 10px 20px;
	transition: .3s;
}

.subjects__link:hover{
	background-color: #dddfe0;
	border-radius: 10px;
	padding: 10px 20px;
	transition: .3s;
}

.subjects__link span{
	margin-left: 10px;
	color: black;
	font-weight: 600;
}

.other{
	text-decoration: none;
	color: #101010!important;
	font-weight: 600;
	cursor: pointer;
}

.other--mt{
	margin-top: -2150px;
}

.books{
	margin: 55px 10% 50px;
	padding-bottom: 50px;
}

.books__h4{
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 20px;
}

.books__input__search{
	width: 100%;
	height: 73px;
	background-color: rgb(241, 240, 240) !important;
	outline: none!important;
	box-shadow: none!important;
	border: none!important;
	padding-left: 30px;
	font-weight: 500;
}

.books__class{
	height: 73px;
	width: 100%;
	background-color: #101010!important;
	color: white;
	outline: none!important;
	box-shadow: none!important;
	border: none!important;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 30px;
	border-radius: 0px;
}

.books__shelf{
	margin-top: 20px;
}

.book__shelf__book{
	background-color: rgb(241, 240, 240) !important;
	padding: 30px 40px;
	margin-bottom: 10px;
}

.book__shelf__book__title{
	font-size: x-large;
	margin-bottom: 8px;
}

.book__shelf__book__span{
	font-weight: 500;
}

.badge__book{
	background-color: #dddfe0;
	border-radius: 10px;
	padding: 5px 20px;
	font-weight: 600;
}
.book__shelf__book__link{
	float: right;
	margin-right: 20px;
	background-color: #dddfe0;
	border-radius: 10px;
	padding: 5px 20px;
	font-weight: 600;
	text-decoration: none;
	color: #101010;
	transition: 0.3s;
}
.book__shelf__book__link:hover{
	background-color: #101010;
	color: #dddfe0;
	transition: 0.3s;
}

.footer{
	background-color: #101010;
	color: white;
	font-weight: 700;
	padding: 50px 10%;
}

.footer__logo{
	font-size: 30px;
	margin-bottom: 20px;
}

.footer__copy{
	font-weight: 500;
	line-height: 15px;
	opacity: 0.5;
	color: #c4c4c4;
}

.footer__right{
	text-align: right;
}

.footer__link{
	font-weight: 700;
	font-size: 17px;
	text-transform: uppercase;
}

a{
	text-decoration: none;
	font-size: 15px;
}

li{
	list-style-type: none;
	font-weight: 500;
	color: #ababab;
}

li:hover{
	color: #8c8b8b;
}

.text-right{
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-weight: 600;
}

b{
	font-weight: 700;
}

.m .books__h4{
	margin-top: 50px;
}

.page__book{
	margin: -80px 10% 50px;
}

.page__search{
	width: 100%;
	height: 72px;
	background-color: rgb(241, 240, 240) !important;
	outline: none!important;
	box-shadow: none!important;
	border: none!important;
	padding-left: 30px;
	font-weight: 500;
}


.page__button{
	background-color: #101010!important;
	height: 73px;
	width: 100%;
	text-decoration: none;
	font-weight: 600;
	outline: none!important;
	box-shadow: none!important;
	border: none!important;
	color: white!important;
	transition: 0.5s;
}

.page__button:hover{
	background-color: #232222 !important;
}

.exercise{
	margin: -20px 10% 50px;
}

.exercise__block{
	padding: 20px 20px;
	border: 2px solid #101010;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #101010;
	cursor: pointer;
	margin-bottom: 10px;
}

.exercise__block:hover, .exercise__block--active{
	background-color: #101010;
	color: white;
	color: white;
}

.answer{
	margin: -10px 10% 50px;
}

.answer h3{
	font-weight: 700;
	font-size: xx-large;
	margin-bottom: 70px;
}


.content__answer{
	font-weight: 600;
	overflow: scroll;
}

.navbar-toggler{
	border: 0px!important;
	box-shadow: none!important;
}

.me .book__shelf__book__link{
	margin-right: 5px;
}

.isbn{
	color: #101010!important;
	margin-right: 8px;
}

.content__ads{
	border: 3px solid #101010;
	margin-bottom: 13px;
}

.content__ads img{
	width: 100% !important;
	max-width: 100% !important;
}

.home__ads{
	margin-top:25px;
}

@media only screen and (max-width: 1100px) {
	.content__ads{
		margin-top: 20px;
	}
	.container-fluid{
		padding: 20px 7%;
	}

	.nav-item{
		margin: 0px;

	}

	.header__content{
		padding: 25% 7% 80px;
	}

	.header__content__title{
		font-weight: 800;
		font-size: 40px;
	}

	.header__content__desc{
		margin-bottom: 70px;
	}

	.header__content__link{
		display: none;
	}

	.header__content__img{
		width: 400px;
		position: relative;
		margin-top: -320px;
		right: 0;
		opacity: 0.2;
	}

	.subjects{
		margin: -55px 7% 50px;
		padding: 40px 10px;
	}

	.other{
		cursor: pointer;margin-left: -40px;
	}

	.books{
		margin: 15px 7% 50px;
		padding-bottom: 50px;
	}


	.book__shelf__book{
		padding: 30px 25px;
	}

	.book__shelf__book__title{
		font-size: large;
		margin-bottom: 8px;
	}

	.book__shelf__book__link{
		float: left;
		margin-top: 30px;

	}
	.footer__right{
		text-align: left;
	}

	.footer__link{
		margin-top: 20px;
	}

	.text-right{
		text-align: start;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		font-weight: 600;
	}

	.me{
		margin-top: 30px;
	}

	.me .book__shelf__book__link{
		margin: 0px;
		margin-bottom: -10px;
	}

	li{
		margin-left: -33px;
	}

	.page__book{
		margin: -80px 7% 50px;
	}

	.exercise{
		margin: -20px 7% 50px;
	}

	.answer{
		margin: -10px 7% 50px;
	}

}