: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;flex-wrap:wrap;justify-content:center;width:100%}.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:10px}.section-title{color:var(--primary-color);font-size:36px;margin-top:20px}.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;overflow:auto;margin-bottom:70px}.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;align-items:center}.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,.person-description{color:var(--primary-text);font-size:15px}.testing-table{border-collapse:collapse;border:3px solid var(--primary-color)}.timeline-section{width:90%;max-width:1000px;margin:0 auto 20px;color:var(--primary-text)}.timeline-section h2{color:var(--primary-color);margin-bottom:16px}.timeline-container{display:flex;justify-content:center;flex-direction:column}.timeline{position:relative;padding-left:30px;border-left:3px solid var(--primary-color);margin-bottom:72px}.timeline-group{margin-bottom:28px}.timeline-version-title{color:var(--primary-color);font-size:2rem;margin-bottom:14px;margin-left:-6px}.timeline-version-items{display:flex;flex-direction:column;gap:12px}.timeline-item{position:relative;margin-bottom:0;padding-left:20px}.timeline-item:before{content:"";position:absolute;top:4px;left:-31px;width:14px;height:14px;transform:translate(-50%);background-color:var(--primary-color);border-radius:50%;border:3px solid var(--primary-bg);box-shadow:0 0 10px #0003}.timeline-date{color:var(--primary-color);font-weight:700;font-size:1.2rem}.timeline-desc{margin-top:4px;color:var(--primary-text);font-size:1.5rem;line-height:1.3}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 20px}.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}.graph-img{width:100%!important}.graphs{display:flex;flex-direction:column;gap:20px}.evaluation-img{width:100%}.hero-img img,.gallery-img img{width:90%}}.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);margin-bottom:50px}.small-hero-description{color:var(--primary-bg);font-size:24px;width:80%;line-height:28px;font-style:italic}.hero-img{margin-bottom:50px;text-align:center}.hero-img img{border-radius:15px;max-width:1000px}.hero-img-caption{padding-top:10px;text-align:center;color:var(--primary-text)}.video{width:80%;border-radius:10px}.graph-img{width:50%}.graphs{display:flex;gap:20px}.evaluation-status{color:var(--primary-text);margin-bottom:25px;font-size:22px}.gap,.gap-x{display:flex;flex-direction:column;gap:15px;margin-block:20px;flex-wrap:wrap;justify-content:center}.gap-x{gap:30px;flex-direction:row;margin-block:0}.evaluation-paragraph{color:var(--primary-text);font-size:24px;line-height:28px;max-width:1000px}.evaluation-title{color:var(--primary-color);font-size:25px;margin-block:30px}.evaluation-img{max-width:400px}.evaluation-list{margin-inline:30px;margin-top:30px}.evaluation-list li{max-width:940px}.videos{display:flex;width:100%;flex-direction:column;align-items:center;gap:50px}.video-title{color:var(--primary-color);font-size:30px}