*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto Condensed,sans-serif}.navbar{z-index:100;background-color:#fff;width:100vw;position:relative}.nav-main{justify-content:space-between;align-items:center;height:10vh;padding:0 20px;display:flex;position:relative}.navName{color:#000;font-family:Eater,cursive;font-size:1.5rem;font-weight:400}.nav{gap:20px;list-style:none;display:flex}.nav li{margin:0 20px}.nav li a{color:#494848;cursor:pointer;text-decoration:none;transition:all .3s}.nav li a:hover{color:#000;text-decoration:underline}.line-btn{cursor:pointer;background:0 0;border:none;margin-right:15px;font-size:1.8rem;display:none}.search-container{background-color:#fff;width:90vw;margin:20px auto 0;position:relative}.search-input-wrapper{width:100%;position:relative}.search-input-wrapper input{background-color:#e6e3e3;border:1px solid #e6e3e3;border-radius:20px;width:100%;padding:10px 15px;font-size:1rem;transition:all .3s}.search-input-wrapper input:focus{background-color:#fff;border:2px solid #000;outline:none}.suggestions-dropdown{z-index:1000;background-color:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;width:100%;max-height:300px;margin-top:5px;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto}.suggestion-item{color:#918f8f;cursor:pointer;padding:10px 15px;text-decoration:underline;transition:all .3s;display:block}.suggestion-item:hover{color:#030303;background-color:#f5f5f5}.no-results{color:#918f8f;padding:10px 15px}@media (max-width:900px){.nav{opacity:0;pointer-events:none;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100vw;height:90vh;transition:opacity .3s;position:fixed;top:10vh;left:0}.nav.show{opacity:1;pointer-events:all}.nav li{margin:0;font-size:1.2rem}.line-btn{display:block}.navbar-display{height:100vh}.navbar-display-sec{height:fit-content}}a{all:unset;cursor:pointer}body{width:100vw;min-height:100vh;overflow-x:hidden}