@tailwind base;
@tailwind components;
@tailwind utilities;

#home-div{
    background-color: #9A8E8E;
}

@font-face { font-family: Delicious; src: url('assets/RobotoMono-VariableFont_wght.ttf'); } 
@font-face { font-family: Delicious; font-style: italic; src: url('assets/RobotoMono-Italic-VariableFont_wght.ttf');}

body{
    font-family: 'Roboto Mono';
}

.gray-theme{
    background-color: #9A8E8E;
}

.blue-theme{
    background-color: #373490;
}

.underline-offset-2{
    text-underline-offset: 2px;
}

.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
}

.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
}

.chevron.bottom:before {
	top: 0;
	transform: rotate(135deg);
}

.chevron.left:before {
	left: 0.25em;
	transform: rotate(-135deg);
}

#choice-about:hover, #choice-numerology-details:hover, #choice-your-theme:hover{
	cursor: pointer;
}

@media only screen and (min-width: 701px) {
	/* hide the hamburger */
	.hamburger {
		display: none;
	}
	/* show all the nav-buttons */
	.navbar-button {
		display: block;
	}
}
/* if browser window is small (max-width) */

@media only screen and (max-width: 700px) {
	/* show everything with the hamburger class */
	.hamburger {
		display: block;
	}
	/* hide all the nav-buttons */
	.navbar-button {
		display: none;
	}
}

#navbar-hamburger.active{
	display: block;
}