body {
font-family: "pixel operator", sans-serif;
background-color: white;
color: black;
font-size:24px;
background-image: url("/media/bg/moonstarbg.jpg");
background-size:200px;
background-repeat:repeat;
background-position:center;
background-attachment:fixed;
cursor:crosshair;
scrollbar-color: pink transparent;
scrollbar-width:thin;
}

a {
 color:hotpink; 
transition-duration: 0.3s;
font-size:1.2em;
}

a:hover {
    background-color: rgba(210,152,255,0.4);
}

h1 {
color:hotpink;
margin-top:50px;
margin-bottom:5px;
}

#navbar {
height: 40px;
background-color: transparent;
width: 100%;
text-align:center;
}

.search-container {
 display: flex;
 justify-content: center;
 margin-bottom:5px;
}

#search-input {
 width:300px;
 height:20px;
 padding:10px;
 font-size:16px;
}

#search-button {
 height:auto;
 padding:10px20px;
 font-size:16px;
 cursor: pointer;
}

.definitions-container {
 display: flex;
 justify-content: space-evenly;
}

.definition-section {
  width:500px;
 background-color: rgba(255,255,255,0.7);
 padding:20px;
 height:280px;
 border:1px solid #ccc;
 border-radius:10px;
 box-shadow:0 0 10px rgba(0,0,0,0.1);
}

.definition-section2 {
  margin-top:20px;
 height:270px;
 overflow-x:hidden;
 overflow-y:scroll;
}

.definition-section h2 {
  color:hotpink;
  margin-top:0px;
}

footer {
    color:hotpink;
    margin-top:10px;
    padding: 10px;    
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}