body {
	background-color: white;
	font-family: 'Nunito', sans-serif;
}

nav img {
	width: 70%;
}

h2 {
	font-family: 'Chewy', cursive;
	font-size: 3rem;
	color: #F06BA8;
}

.navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.nav-link {
	color: #009DFF;
	font-weight: bold;
	font-size: 1.2rem;
	display: block;
}

.nav-link:hover {
	color: #009DFF;
}

.nav-link-button {
	background-color: #FFD088;
	color: white;
	border-radius: 15px;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.section-1 {
	background-color: #000000;
  background-image: url("images/background.svg"); 
  background-repeat: repeat;
}

.section-1-content {
	padding-bottom: 50px;
	margin-top: 50px;
}

.section-1 h1 {
	font-family: 'Chewy', cursive;
	font-size: 3.5rem;
	color: #F06BA8;
	text-shadow: 4px 4px #ffffff;
}

.section-1 h1 span {
	color: #FFD088;
}

.section-1 p {
	color: #009DFF;
	font-size: 1.2rem;
	padding-top: 10px;
	padding-bottom: 20px;
}

.section-1 .link-button {
	background-color: #F06BA8;
	color: white;
	text-decoration: none;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 10px;
	border-radius: 15px;
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

.section-1 .disabled {
	background-color: grey;
	cursor: default;
}

#hint {
	padding-bottom: 0;
	margin-bottom: 0;
}

.section-2 {
	background-color: #FFD088;
	color: white;
	padding-top: 20px;
	padding-bottom: 20px;
}

.section-2 .headline {
	font-weight: bold;
	margin-bottom: 10px;
}

.section-3 {
	background-color: #F4FBFF;
	padding-top: 30px;
	padding-bottom: 30px;
}

.section-3 h4 {
	color: #FFD088;
}


.section-3 p {
	color: #009DFF;
	font-size: 1.2rem;
}

.section-4 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.section-4 hr {
	width: 100%;
	height: 5px;
	color: #FFD088;
	opacity: 1;
}

.section-4 .items {
	margin-top: 50px;
}

.section-4 .item-wrapper {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
}

.section-4 .item {
	-webkit-box-shadow: 0px 0px 17px -2px #9B9B9B; 
	box-shadow: 0px 0px 17px -2px #9B9B9B;
	border-radius: 10px;
	padding: 30px 30px 20px 30px;
	height: 100%;
}

.section-4 .item img {
	padding-bottom: 20px;
	width: 80%;
}

.section-4 .item h5 {
	color: #F06BA8;
	font-weight: bold;
	font-size: 1rem;
}

.section-4 .item p {
	color: #1FA8FF;
	font-size: 1rem;
}

@media (min-width:769px){
    .section-5 {
			background-image: url("images/dogenomics.svg"); 
		  background-repeat: no-repeat;
		  background-size: 100%;
		}
}

@media (max-width:769px){
     .section-5 {
			background-color: #DAF3FF;
		}
}

.section-5 {
	padding-top: 40px;
	padding-bottom:  60px;
}

.section-5 h4 {
	color: #1FA8FF;
	font-weight: bold;
}

.section-5 hr {
	width: 100%;
	height: 5px;
	color: #9FDDF9;
	opacity: 1;
}

.section-5 p {
	color: #1FA8FF;
}

.section-5 h5 {
	color: #1FA8FF;
	font-weight: bold;
	font-size: 0.9rem;
	margin-top: 30px;
}

.section-5 .progress {
	background-color: #FFF0D9;
	border-radius: 1rem;
}

.section-5 .progress-bar {
	background-color: #FED188;
	border-radius: 1rem;
}

.section-6 {
	padding-top: 40px;
	padding-bottom: 40px;
  background-image: url("https://www.mamadogecoin.com/style/images/moon.svg"); 
  background-repeat: no-repeat;
  background-size: 100%;
}

.section-6 hr {
	width: 100%;
	height: 5px;
	color: #FFD088;
	opacity: 1;
}

.section-6 .items {
	margin-top: 40px;
}

.section-6 .item-wrapper {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
}

.section-6 .item {
	border-radius: 30px;
	padding: 20px;
	font-weight: bold;
}

.section-6 .item1 {
	background-color: #DAF3FF;
	border: 2px solid #C6EDFF;
	-webkit-box-shadow: 0px 0px 15px 5px #6DB4EE; 
	box-shadow: 0px 0px 15px 5px #6DB4EE;
	color: #1FA8FF;
}

.section-6 .item2 {
	background-color: #FED188;
	border: 2px solid #FEC870;
	-webkit-box-shadow: 0px 0px 15px 5px #FFD59C; 
	box-shadow: 0px 0px 15px 5px #FFD59C;
	color: #ffffff;
}

@media (max-width:769px){
    .section-6 .item-mobile-1 {
				background-color: #DAF3FF;
				border: 2px solid #C6EDFF;
				-webkit-box-shadow: 0px 0px 15px 5px #6DB4EE; 
				box-shadow: 0px 0px 15px 5px #6DB4EE;
				color: #1FA8FF;
		}

    .section-6 .item-mobile-2 {
				background-color: #FED188;
				border: 2px solid #FEC870;
				-webkit-box-shadow: 0px 0px 15px 5px #FFD59C; 
				box-shadow: 0px 0px 15px 5px #FFD59C;
				color: #ffffff;
		}
}

.section-6 .item h4 {
	font-weight: bold;
	padding-bottom: 20px;
}

.section-6 .done {
	text-decoration: line-through;
}

.section-7 {
	background-color: #F4FBFF;
	padding-top: 40px;
	padding-bottom: 40px;
}

.section-7 h4 {
	color: #FFD088;
}

.section-7 p {
	color: #1FA8FF;
	margin-top: 50px;
}

.section-7 img {
	width: 80%;
}

.section-8 {
	background-color: #ED69A6;
	padding-top: 20px;
	padding-bottom: 20px;
}

.section-8 img {
	width: 50%;
}

.section-8 .links {
	padding-top: 30px;
	padding-bottom: 30px;
}

.section-8 p {
	color: white;
}