:root{--primary-bg: rgb(10, 15, 15);--nav-bg: rgba(10, 15, 15, .7);--primary-color: rgb(15, 230, 200);--primary-shadow: rgb(15, 100, 70);--primary-hover: rgb(5, 65, 60);--primary-text: rgb(180, 200, 200);--hero-bg: linear-gradient(rgba(10, 15, 15, .8), rgba(10, 15, 15, 1)), url(/project-bellbot/background.avif)}.light{--primary-bg: rgb(245, 240, 240);--nav-bg: rgba(200, 200, 200, .7);--primary-color: rgb(0, 150, 150);--primary-shadow: rgb(10, 100, 75);--primary-hover: rgb(9, 95, 88);--primary-text: rgb(80, 100, 100);--hero-bg: linear-gradient(rgba(245, 240, 240, .6), rgba(245, 240, 240, 1)), url(/project-bellbot/background.avif)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;transition:background .3s ease}body{background-color:var(--primary-bg);padding-bottom:50px;overflow-x:hidden}.nav{position:fixed;top:20px;z-index:100;padding-block:10px;max-width:1000px;width:90%;left:50%;transform:translate(-50%);border:2px solid var(--primary-color);display:flex;align-items:center;border-radius:20px;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;box-shadow:0 0 15px var(--primary-shadow)}.nav-links{display:flex;gap:30px}.nav-link{color:var(--primary-color);text-decoration:none;font-size:20px;font-weight:700;padding:10px 20px;border-radius:10px}.nav-link:hover{background-color:var(--primary-hover)}.hero{width:100%;display:flex;flex-direction:column;align-items:center;padding-block:130px 80px;gap:30px;text-align:center;background-image:var(--hero-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-title{color:var(--primary-color);font-size:67px;text-shadow:0px 0px 30px var(--primary-shadow);font-weight:800;transition:text-shadow .3s ease}.hero-title:hover{text-shadow:0px 0px 30px var(--primary-shadow)}.hero-description{color:var(--primary-text);font-size:24px;width:50%;line-height:28px}.sections{display:flex;flex-direction:column;align-items:center;padding-inline:100px}.section{display:flex;align-items:center;padding-block:50px;gap:100px;max-width:1000px}.section-img{height:300px;border-radius:15px;box-shadow:0 0 5px 3px var(--primary-shadow)}.section-content{display:flex;flex-direction:column;gap:15px}.section-title{color:var(--primary-color);font-size:30px}.section-text{color:var(--primary-text);line-height:30px;font-size:18px}ul.section-text{padding-left:20px}.people{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;width:90%;max-width:1000px;margin-inline:auto}.person-card,.gallery-img{width:220px;border-radius:10px;border:2px solid var(--primary-color);display:flex;flex-direction:column;padding:15px;gap:15px;cursor:pointer;text-decoration:none}.gallery-img{width:auto;border:none;cursor:default}.gallery-img img{height:450px;border-radius:5px}.gallery-img p{color:var(--primary-text);text-align:center;font-size:14px}.person-name{color:var(--primary-color)}.person-role{color:var(--primary-text);font-size:15px}.testing-table{border-collapse:collapse;border:3px solid var(--primary-color)}td:first-of-type{color:var(--primary-color);font-weight:700}td,th{color:var(--primary-text);border:1px solid var(--primary-color);text-align:center;padding:10px}th{color:var(--primary-color)}.side-btns{position:absolute;right:30px;display:flex;gap:20px}.side-btn{width:30px;cursor:pointer}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background-color:var(--primary-color);border:3px solid var(--primary-bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-shadow)}@media (max-width: 900px){.side-btns{top:30px;right:30px;flex-direction:row}}@media (max-width: 700px){.section{flex-direction:column;gap:30px;padding-block:0px 100px}.sections{padding-inline:30px}.nav{flex-direction:column;gap:10px;top:10px}.side-btns{position:static}.nav-links{gap:10px}.nav-link{padding-inline:5px}.hero{padding-top:150px}.hero-description{width:80%}.td,th{font-size:12px;padding:5px}}.small-hero{width:100vw;display:flex;flex-direction:column;align-items:center;padding-block:40px 40px;gap:30px;text-align:center;background-color:var(--primary-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.small-hero-description{color:var(--primary-bg);font-size:24px;width:80%;line-height:28px;font-style:italic}.hero-img{border-radius:15px;margin-bottom:50px;text-align:center}.hero-img-caption{padding-top:10px;text-align:center;color:var(--primary-text)}