@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;900&display=swap";#root{width:100vw;font-family:Roboto,sans-serif;height:100vh;font-weight:300}.appDiv{width:300%;height:300%}.text{text-align:center;font-size:1.5rem;color:#992447;margin-top:2rem}header{text-align:center;font-size:1.5rem;color:#115ca7;margin-top:2rem}*::selection{color:#fff;background:#000}body{background:#f5f5f5;overflow-x:hidden;margin:0}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.container{padding-left:2%;padding-right:2%}.red{color:red}.darkBlue{color:#0044b1}.title{font-size:4rem;margin:15px;text-align:center}.textCentered{text-align:center}.newsText{margin:15px}.content{width:950px;margin:0 auto}canvas{z-index:9999;max-width:100%;max-height:50%;aspect-ratio:1 / .8;display:block;margin:6em auto -100px;border:2px solid rgb(132,132,132);background-color:#fff}@media (min-width: 3840px){canvas{margin-bottom:270px;max-width:3500px;max-height:1000px}}@media (min-width: 1920px) and (max-width: 3839px){canvas{margin-bottom:270px;max-width:2000px;max-height:800px}}@media (min-width: 1024px) and (max-width: 1919px){canvas{margin-bottom:270px;max-width:1000px;max-height:800px}}@media (max-width: 1023px){canvas{margin-bottom:270px;max-width:600px;max-height:300px}}.title3{display:inline-block}.bodymaps-logo{width:6%;transform:rotate(-15deg)}#slider3 h1{display:inline-block}.longText{margin:30px 0;text-align:left}.button-group{display:flex;justify-content:center;align-items:center}.btn{padding:10px 20px;margin:15px 10px;border:1px solid #000;text-decoration:none;color:#000;background-color:#fff;transition:background-color .3s,color .3s;border-radius:50px}.btn:hover{background-color:#002b73;color:#fff}.section{margin:12.5rem 0}a{text-decoration:underline}a:hover{color:#0044b1}*{margin:0;padding:0}body,html{font-family:lato-light,lato,sans-serif;height:100%;overflow-x:hidden;display:flex;align-items:flex-start;justify-content:center;background:#fff}#abdomen-atlas{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:10vw;padding-right:10vw;text-align:center;padding:50px 0;background-color:#fff;color:#000}.abdomen-atlas-section{text-align:center}.title-container h1{margin-top:200px;font-size:75px;color:#000;letter-spacing:4px;font-family:impact,impact-w01-2010,impact-w02-2010,impact-w10-2010,sans-serif}.title-container p{font-weight:700;margin-top:10px;white-space:nowrap;font-family:lato-light,lato,sans-serif;margin-bottom:25px;font-size:13px;color:#000;display:flex;flex-direction:column;align-items:center}.stats-container{display:flex;max-width:1200px;margin:0 auto;flex-wrap:wrap;justify-content:space-between}.stat-item{width:250px;height:54px;margin-left:10px;padding:10px;box-sizing:border-box;flex:1 0 2%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:30px}.stat-item h2{letter-spacing:.01em;white-space:nowrap;width:128.68px;height:30px;font-family:impact,impact-w01-2010,impact-w02-2010,impact-w10-2010,sans-serif;font-size:30px;margin-bottom:10px}.red-letter{color:#dd1a1a}.stat-item p{height:15.33px;width:150px;font-size:13px;color:#000;font-family:lato-light,lato,sans-serif}#video-gallery-new{position:relative;margin-top:50px}#video-gallery{z-index:1;width:100%;max-width:800px;position:relative;display:flex;margin-top:50px;justify-content:flex-start}.video-wrapper{border-radius:15px;display:flex;flex-direction:column;align-items:flex-start}.video-description{color:#fff!important;font-size:14px;text-align:left;padding:5px 0}.video-carousel{display:flex;justify-content:center;transition:transform 1s ease;will-change:transform}.video{max-width:2000px;border-radius:15px;flex:0 1 auto;width:90vw;margin-right:20px;opacity:.5;transition:opacity .5s ease}.video:last-child{margin-right:0}.video.active{border-radius:15px;opacity:1}.video-nav{margin-top:-70px;position:absolute;z-index:9999;width:45px;height:45px;border-radius:50%;background-color:#eee;padding:10px;border:none;box-shadow:none;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.video-nav-new{position:absolute;z-index:9999;width:45px;height:45px;border-radius:50%;background-color:#eee;padding:10px;border:none;box-shadow:none;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}#prev-video-new{left:280px;transform:translateY(55%)}#next-video-new{right:280px;transform:translateY(55%);z-index:10}.video-nav svg{fill:#666;width:30px;height:30px}#prev-video{transform:translateY(-60%);left:280px}#video-gallery{z-index:1;width:100%;max-width:800px;position:relative;display:flex;margin-top:20px;justify-content:flex-start}#next-video{transform:translateY(-60%);right:280px}.video-nav:hover{background-color:#fff}.video-nav:after{content:attr(data-content);position:absolute;white-space:nowrap;font-size:14px}.text-section{max-width:1600px;margin:24px auto;padding:20px;background:#fff;color:#000;font-size:18px;line-height:1.6}.video-counter-wrapper{position:relative;justify-content:center;display:flex;flex-direction:column;align-items:center;width:100%}.counter-text{margin-top:-30px;background:transparent;position:relative;top:0%;z-index:9;color:#000;padding:5px 10px;border-radius:5px;font-size:12px;margin-bottom:25px}.counter-text-new{background:transparent;position:relative;top:210%;left:50%;transform:translate(-50%,-50%);z-index:10;color:#000;padding:5px 10px;border-radius:5px;font-size:12px;margin-bottom:25px}#counter-new{margin-top:10px;width:10000px}#bodymaps-section{background-color:#fff;padding:50px;text-align:center}.internal-use{font-family:lato-light,lato,sans-serif;font-size:13px;color:#000;font-weight:700}.stats-container{margin-top:50px;display:flex;justify-content:space-around;width:1040px;height:84px}.description{margin-top:20px;color:#565b66;font-family:lato-light,lato,sans-serif;font-size:13px}#bodymaps-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px;background-color:#fff}#bodymaps-section h1{margin-top:100px;color:#0044b1;font-size:75px;font-family:impact,impact-w01-2010,impact-w02-2010,impact-w10-2010,sans-serif}.internal-use{font-style:italic;color:#888}.stats-container{margin-bottom:50px;display:flex;justify-content:space-around}.description{margin-top:20px;color:#666;font-size:1rem}.bodymaps-image{max-width:20%;height:auto;display:block;margin:0 auto 20px}.bodymaps-wrapper{display:flex;align-items:center;justify-content:flex-start}.bodymaps-image{position:relative;float:left;max-width:86px;height:73px;object-position:50% 50%}.bodymaps-content{max-width:calc(100% - 120px)}.bodymaps-flex-container,.header{display:flex;align-items:center;justify-content:flex-start}.header-image{margin-top:100px;float:left;width:86px;height:75px;margin-right:-50px}#bodymaps-section .header{display:flex;align-items:center;justify-content:center;width:100%;gap:100px}.header-image{width:80px;height:73px;rotate:-20deg}.description{align-content:center;margin-top:20px;color:#565b66;font-size:16px;max-width:950px;text-align:left;letter-spacing:0em}.status-link{color:inherit;text-decoration:underline;opacity:.5;font-weight:initial}.status-link2{color:inherit;text-decoration:underline;opacity:1}.status-link:hover{text-decoration:underline}.status-line{display:flex;align-items:center;justify-content:flex-start;font-size:13px;color:#000;margin-bottom:50px}.description b{color:#000;font-weight:700;font-family:impact,impact-w01-2010,impact-w02-2010,impact-w10-2010,sans-serif}.buttons-container{margin-top:25px;display:flex;justify-content:center;align-items:center}.button{display:inline-flex;font-family:Lato,sans-serif;font-size:13px;margin:0 10px;padding:5px;background-color:#fff;color:#000;text-decoration:none;justify-content:center;border:1px solid #000;box-sizing:border-box;width:132px;height:25px;transition:background-color .3s ease}.button:hover{background-color:#931111;color:#fff}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Lato,sans-serif;display:flex;align-items:flex-start;justify-content:center;background:#fff}.main-container{overflow:visible;display:flex;flex-direction:column;align-items:center;width:100%}.title-container h1{font-size:75px;color:#000;letter-spacing:4px;font-family:Impact,sans-serif}.title-container p{font-weight:700;margin-top:10px;white-space:nowrap;font-size:13px;color:#000;display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.stat-item{width:250px;height:54px;padding:10px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:30px}.stat-item h2{letter-spacing:.01em;white-space:nowrap;font-family:Impact,sans-serif;font-size:30px;margin-bottom:10px}.stat-item p{font-size:13px;color:#000}.video-carousel-container{position:relative;width:100%;max-width:800px;margin:50px auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-counter-wrapper{pointer-events:auto;z-index:1;position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.video-carousel{display:flex;transition:transform 1s ease;will-change:transform}.video-wrapper{border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;margin-right:20px}.video{border-radius:15px;width:90vw;max-width:2000px;opacity:.5;transition:opacity .5s ease}.video video{width:100%;height:auto}.video.active{opacity:1}.video-nav{z-index:9999;width:45px;height:45px;border-radius:50%;background-color:#eee;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s,transform .3s}.video-nav svg{fill:#666;width:30px;height:30px;pointer-events:auto}.video-nav:hover{background-color:#fff;transform:scale(1.1)}.counter-text{margin-top:-100px;font-size:14px;color:#000;text-align:center}.nav-and-counter-container{display:flex;align-items:center;justify-content:center;margin-bottom:20px}select{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.niivue-control{width:100%;padding:12px 20px;margin:10px 0;display:flex;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;justify-content:center;align-items:center}.niivue-control h3{margin:0 10px 0 0;padding:0;width:fit-content;text-align:center;text-wrap:nowrap}.footer-names{overflow-x:auto;width:3000px;height:1700px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;background-image:url(https://chuntungzhuangleo.github.io/BodyMapWebsite/videos/jhu-shield-hero.jpg);background-size:cover;color:#fff;height:35em}.group{flex:0 0 auto;width:fit-content;margin-bottom:20px;font-size:14px}.group p{margin-bottom:10px;font-weight:600}.group ul{padding:0}.group li{list-style:none;width:fit-content;text-overflow:ellipsis;height:fit-content;max-width:25em;font-weight:100}.footer-bottom{font-family:Roboto,sans-serif;align-items:center;padding:15px;background-color:#333;color:#fff;text-align:center}li a:hover{color:#f1f1f1}.footer-container{margin-top:-20em}.footer-text{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;padding:50px 0;color:#fff;height:35em;width:950px;margin:0 auto}@media (min-width: 5000px){.footer-names{width:100%}}@media (min-width: 2500px) and (max-width: 3839px){.footer-names{width:100%}}@media (min-width: 1920px) and (max-width: 2499px){.footer-names{width:100%}}@media (max-width: 1919px){.footer-names{width:100%}}@media (max-width: 1023px){.footer-names{width:100%}}@media (min-width: 0px) and (max-width: 500px){.footer-names{width:500px}}@media (min-width: 500px) and (max-width: 1000px){.footer-names{width:1000px}}@media (min-width: 1000px) and (max-width: 1500px){.footer-names{width:1500px}}@media (min-width: 1500px) and (max-width: 2000px){.footer-names{width:2000px}}@media (min-width: 2000px) and (max-width: 2500px){.footer-names{width:2500px}}@media (min-width: 2500px) and (max-width: 3000px){.footer-names{width:3000px}}@media (min-width: 3000px) and (max-width: 3500px){.footer-names{width:3500px}}@media (min-width: 3500px) and (max-width: 4000px){.footer-names{width:4000px}}@media (min-width: 4000px) and (max-width: 4500px){.footer-names{width:4500px}}@media (min-width: 4500px) and (max-width: 5000px){.footer-names{width:5000px}}@media (min-width: 5000px) and (max-width: 5500px){.footer-names{width:5500px}}