#letters-container{display:flex;justify-content:center;gap:10px;padding:10px;background-color:#724a34;border-top:1px solid black;border-bottom:1px solid black;flex-wrap:wrap}.letter{display:flex;justify-content:center;align-items:center;padding:7px;width:1.5em;height:1.5em;cursor:pointer;>p {color: rgb(216,207,207);} &.active{background-color: #481F01; >p {color: #fff;}}}.letter:hover{background-color:#481f01;>p {color: white;}}#navbar-container{display:flex;align-items:center;padding:15px 0 15px 30px;background-color:#5f3100}#logo-text{width:200px}#form-container{display:flex;width:80%;margin:0 0 0 30px;color:#fff}#filters{display:flex}#main-form{display:flex;align-items:center;gap:15px}#search-box-button{display:flex;justify-content:center}#input-search,#search-btn{padding:20px;border-radius:30px;font-size:large}#match-container,#include-container{padding:10px}#match-search-label,#include-definition-label{font-size:x-large}#match-container:hover,#include-container:hover{background-color:#795c34}#match-container:has(> input:checked),#include-container:has(> input:checked){background-color:#2e1503}#search-btn,#match-search,#include-definition{cursor:pointer}@media (max-width: 1305px){#filters{flex-direction:column}#match-container,#include-container{padding:0}#include-definition-label{padding-right:10px}}@media (max-width: 1040px){#main-form{flex-direction:column;align-items:start}#input-search,#search-btn{padding:10px}#filters{flex-direction:row;gap:15px}#match-search-label,#include-definition-label{font-size:medium}@media (max-width: 745px){#navbar-container{flex-wrap:wrap}#logo-text{width:150px}#logo-container{width:60%}#form-container{order:3;margin:15px 30px 0 0;width:100%;justify-content:center}}@media (max-width: 402px){#input-search{width:50%}#logo-text{width:90px}}}#contact-container{display:flex;gap:20px;padding:0 10px}.contact-img{width:50px}@media (max-width: 402px){.contact-img{width:35px}}#results-container{margin:10PX;border:2px solid black;height:600px}.result-card{box-sizing:border-box;padding:0 20px}.word{font-family:Arial;font-size:x-large;cursor:pointer}.definition{font-family:Arial;font-size:large;color:#e2e2e2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid black}body{background-color:#a17354;margin:0;font-family:sans-serif}#pagination-container{display:flex;justify-content:center;gap:5px}.btn-pagination{cursor:pointer}button:first-child{margin-right:10px}button:last-child{margin-left:10px}#home-div{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}#logo-img{width:200px}#notfound-div{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}#notfound-img{width:200px}