.pit-task-225-christo{--search-width:10rem;--events-button-width:10rem}.pit-task-225-christo a{color:#000;text-decoration:none}.pit-task-225-christo span,.pit-task-225-christo svg{height:1rem;width:1rem}.pit-task-225-christo--nav{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.pit-task-225-christo--nav-item{color:#343535;padding:10px;transition:.15s}.pit-task-225-christo--nav-item:hover,.pit-task-225-christo--nav>a:first-child>div:first-child{border-bottom:2px solid #000;color:#000}.pit-task-225-christo-main-container{display:grid;gap:1rem;grid-template-columns:var(--search-width) 1fr var(--events-button-width)}.pit-task-225-christo-seperator{border-right:1px solid #d3d3d3;height:80%}.pit-task-225-christo-buttons{align-items:center;display:flex;gap:1rem}.pit-task-225-christo-search{align-items:center;border:1px solid #d3d3d3;border-radius:20px;display:flex;gap:.5rem;padding:10px}.pit-task-225-christo--create-events:hover,.pit-task-225-christo-all-events-button,.pit-task-225-christo-all-events-button:hover,.pit-task-225-christo-button:hover,.pit-task-225-christo-buttons>a:first-child>div:first-child{background:#000;color:#fff;fill:#fff}.pit-task-225-christo-search input{border:none;width:100%}.pit-task-225-christo--create-events,.pit-task-225-christo-all-events-button,.pit-task-225-christo-button{align-items:center;border:1px solid #000;border-radius:20px;display:inline-flex;gap:.5rem;padding:5px 10px;transition:.15s}@media (max-width:477px){.pit-task-225-christo-main-container{grid-template-columns:1fr}.pit-task-225-christo--create-events{margin:0 auto}}