@font-face{
	font-family:"Red Hat Display Black";
	font-style:normal;
	font-weight:normal;
	src:url("fonts/red_hat_display_black.ttf")
	}
@font-face{
	font-family:"Red Hat Display Black";
	font-style:italic;
	font-weight:normal;
	src:url("fonts/red_hat_display_black_italic.ttf")
	}
h2{
	color:green
	}
.bigger_text{
	font-size:18px;
	line-height:22px
	}
.entry_word{
	font-family:"Red Hat Display Black";
	font-size:30px;
	line-height:30px;
	margin-bottom:20px
	}
.etymology_container{
	margin-top:30px
	}
.etymology_container>div{
	font-style:italic
	}
.etymology_container>h2,
.translation_container>div>h2{
	margin-bottom:4px
	}
.translation_container{
	display:flex;
	gap:40px
	}
.translation_container>div{
	flex-basis:0;
	flex-grow:1
	}
#header{
	background-color:white;
	display:flex;
	gap:40px;
	padding:20px 30px 14px 30px;
	position:sticky;
	top:0;
	z-index:1
	}
#main_title{
	background:linear-gradient(white 20%,papayawhip 20%,papayawhip 75%,white 75%);
	cursor:default;
	flex-grow:1;
	font-family:"Red Hat Display Black";
	font-size:22px;
	line-height:20px;
	user-select:none;
	-webkit-user-select:none
	}
#preexisting_dictionary_list{
	font-style:italic;
	margin:0;
	padding:0 40px 0 40px
	}
#random_word_button{
	background-color:aquamarine;
	display:block;
	margin-left:auto
	}
#results>section .panel{
	transition-duration:400ms
	}
#results>section .panel:hover{
	transform:scale(110%)
	}
#results>section .panel>.body{
	padding:30px
	}
#search_box{
	height:36px;
	padding:0 15px 0 15px;
	width:250px
	}
#search_options{
	text-align:right;
	user-select:none;
	-webkit-user-select:none
	}
@media (max-width:580px){
	.translation_container{
		flex-direction:column;
		gap:22px
		}
	}
@media (max-width:500px){
	#header{
		flex-direction:column;
		gap:14px
		}
	}