*{font-family:Helvetica,Roboto,Arial,sans-serif}body{margin:0;padding:0;font-weight:300;font-size:1rem;letter-spacing:.05rem}.app{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.container{max-width:1250px;padding:7.5% 0;width:100%}@media (min-width:1024px) and (max-width:1550px){.container{max-width:1000px}}@media only screen and (max-width:1023px){.container{padding:7.5%}}@media screen and (min-width:1551px){.container{max-width:1400px}}a{cursor:pointer;text-decoration:underline;color:#2d2d2d;transition:all .25s}a:hover{opacity:.5}.students{box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.students-title{font-size:1.5rem;letter-spacing:.05rem;margin-bottom:5%}.students-cards-container{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:5%;-webkit-column-gap:5%;column-gap:5%;width:100%}@media only screen and (max-width:1023px){.students-cards-container{grid-template-columns:1fr 1fr;grid-column-gap:3%;-webkit-column-gap:3%;column-gap:3%}}.student-card{position:relative;box-sizing:border-box;z-index:0;display:flex;flex-direction:column;margin-bottom:15%}.student-card .student-card-info{margin-top:7.5%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.student-card .student-card-info a svg{width:1.12rem;height:1.12rem;margin-left:.5rem;fill:#2d2d2d}.student-card h1{font-size:1.2rem;font-weight:300;letter-spacing:.05rem;margin:0}.student-card .student-portrait{position:relative;cursor:pointer;box-shadow:0 5px 25px 0 rgba(0,0,0,.05);width:100%;padding-bottom:100%}.student-card .student-portrait .alt,.student-card .student-portrait .normal{background-size:100%;background-position:50%;width:100%;height:100%;position:absolute;top:0;left:0;transition:all .12s}.student-card .student-portrait .alt{z-index:1}@media (min-width:1024px) and (max-width:1550px){.student-card h1{font-size:1rem}}@media only screen and (max-width:1023px){.student-card{margin-bottom:5%}.student-card h1{font-size:.92rem;letter-spacing:.05rem}}.landing-gradient{position:absolute;z-index:-2;bottom:10%;right:0;width:50%;opacity:0;padding-bottom:50%;border-radius:50%;background:#dae9ef;overflow:hidden;-webkit-animation:fadeIn .5s ease-in .25s forwards;animation:fadeIn .5s ease-in .25s forwards}.landing-gradient:before{position:absolute;width:100%;height:100%;border-radius:50%;content:"";background-image:url(/uwbimd2019.com/static/media/texture.7a4bc01c.jpg);background-position:50%;background-size:cover;z-index:-1;mix-blend-mode:color-burn}@media (min-width:1024px) and (max-width:1550px){.landing-gradient{bottom:7.5%;width:45%;padding-bottom:45%}}@media only screen and (max-width:1023px){.landing-gradient{width:250px;height:250px;padding:0;right:5%;bottom:15%}}.landing{width:100%;margin-top:10vh;min-height:90vh;position:relative;box-sizing:border-box;padding:5% 0}.landing h1{transition:all .5s;opacity:0;-webkit-animation:fadeIn .75s ease-in .75s forwards;animation:fadeIn .75s ease-in .75s forwards;color:#4d4d4d;font-size:7.25rem;line-height:10rem;margin:0}@media (min-width:1024px) and (max-width:1550px){.landing h1{line-height:7rem;font-size:5.25rem}}@media only screen and (max-width:1023px){.landing{padding:5% 7.5%}.landing h1{font-size:2.8rem;line-height:1.6}}.landing .scroll{opacity:0;height:90vh;top:0;left:-10%;width:5%;position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-animation:fadeIn .5s ease-in 1.25s forwards;animation:fadeIn .5s ease-in 1.25s forwards}.landing .scroll div{width:1px;height:50px;background-color:rgba(45,45,45,.75);margin-top:20px;margin-left:1.5%}.landing .scroll span{font-size:.9rem;cursor:default;-webkit-transform:rotate(180deg);transform:rotate(180deg);letter-spacing:.15rem;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}@media only screen and (max-width:1023px){.landing .scroll{height:auto;left:50%;top:unset;bottom:7.5%}.landing .scroll div{margin-top:10px;height:40px}.landing .scroll span{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-writing-mode:unset;writing-mode:unset}}.about-share a{margin-right:5%}.about-share a svg{fill:#2d2d2d;width:20px;height:20px}@media only screen and (max-width:1023px){.about-share a{margin-right:15px}.about-share a svg{width:25px;height:25px}}.about{box-sizing:border-box;padding:7.5% 0}.about .about-info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.about .left{flex:2 1;margin-right:17.5%}.about .right{flex:1 1}.about h1{font-size:1rem;font-weight:300;color:#6d6d6d;line-height:2.5rem}.about p{margin:0 0 1.6rem;font-size:1.05rem;line-height:2rem}.about h2{margin:5% 0 2.5%;font-size:.95rem;font-size:1.05rem;font-weight:700;color:#2d2d2d}@media (min-width:1024px) and (max-width:1550px){.about h1{font-size:.9rem}.about h2{font-size:.95rem}.about p{font-size:.9rem;line-height:2}}@media only screen and (max-width:1023px){.about{padding:7.5%}.about h2,.about p{font-size:.9rem}.about p{line-height:1.6rem;margin:0 0 15px}.about .about-info{flex-direction:column}.about .left,.about .right{flex:1 1;width:100%}}.about-photo-grid{-webkit-column-count:3;column-count:3;grid-column-gap:0;-webkit-column-gap:0;column-gap:0;margin-top:2rem;width:101%;margin-left:-.5%}@media only screen and (max-width:1023px){.about-photo-grid{padding-top:25%;-webkit-column-count:2;column-count:2;margin:0 2.5px}}.about-photo-grid .item{page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;box-sizing:border-box;padding:2%}.about-photo-grid .item img{max-width:100%}.menu{position:fixed;width:100%;background-color:initial;justify-content:center;transition:all .25s;z-index:10;box-sizing:border-box;padding:2% 0}.menu,.menu .container{display:flex;flex-direction:row}.menu .container{justify-content:space-between;align-items:center;padding:0}.menu span{cursor:pointer;transition:all .2s;position:relative}.menu span:before{position:absolute;content:"";width:1.2vw;height:1.2vw;top:-4px;right:-6px;background:#dae9ef;border-radius:50%;z-index:-1;opacity:0;transition:opacity .4s}.menu span:hover:before{opacity:1}.menu .right{display:flex;width:20%;justify-content:space-between}@media (min-width:1024px) and (max-width:1550px){.menu .right{width:25%}}@media only screen and (max-width:1023px){.menu .container{padding:2.5% 7.5%}.menu span{font-size:1rem}}.menu-hidden{opacity:0}.menu-appear{background-color:#fff;opacity:1}.menu-shadow{box-shadow:0 5px 30px 0 rgba(0,0,0,.05)}.menu-button{cursor:pointer;display:block;font-size:1.25rem!important;color:#2d2d2d}.menu-mobile{top:-.05vh;width:100%;height:100vh;position:fixed;transition:all .4s;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2d2d2d}.menu-mobile .menu-button{color:#fff;position:absolute;top:2.5%;right:7.5%;font-size:2rem!important}.menu-mobile h1{font-weight:300;font-size:.9rem;color:#fff}.menu-mobile .menu-mobile-items{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50%}.menu-mobile span:not(.menu-button){font-size:1rem;display:inline-block;margin:25px 0;color:#fff!important}.capstones{box-sizing:border-box;padding:7.5% 0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media only screen and (max-width:1023px){.capstones{padding:7.5%}}.capstones-title{font-size:1.5rem;letter-spacing:.1rem;margin-bottom:1.5%}@media only screen and (max-width:1023px){.capstones-title{margin-bottom:10px;font-size:1.25rem}}.capstones-title2{margin-bottom:7.5%;font-size:1.25rem;line-height:1.75rem;letter-spacing:0 .25rem;opacity:.6}@media (min-width:1024px) and (max-width:1550px){.capstones-title2{font-size:.9rem;line-height:1.4rem}}@media only screen and (max-width:1023px){.capstones-title2{font-size:.84rem;line-height:1.3rem;text-align:center}}.capstones-line{position:absolute;left:50%;width:1px;top:11%;height:85%;background:rgba(45,45,45,.4)}@media only screen and (max-width:1023px){.capstones-line{display:none}}.capstones-cards-container{margin:5% 0;width:100%;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap}.capstone-card{width:40%;height:36vh;position:relative;box-sizing:border-box;margin-bottom:5%;cursor:pointer;z-index:0;display:flex;flex-direction:column;align-items:center}.capstone-card .capstone-card-image{background-size:cover;background-position:50%;position:absolute;width:100%;height:100%;top:0;left:0;transition:all .25s;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.3;box-shadow:0 5px 25px 0 rgba(0,0,0,.15)}.capstone-card:hover .capstone-card-image{-webkit-filter:none;filter:none;opacity:.8;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}.capstone-card .capstone-card-content{position:absolute;display:flex;flex-direction:column;bottom:25%}.capstone-card h1,.capstone-card p{margin:0}.capstone-card h1{font-size:3.5rem;margin-bottom:2.5%}.capstone-card p{width:60%;line-height:1.35rem;font-size:.9rem;font-weight:400;transition:opacity .25s}.capstone-card:nth-child(odd) .capstone-card-content{right:-10%;align-items:flex-end}.capstone-card:nth-child(odd) p{text-align:right}.capstone-card:nth-child(2n){margin-top:7.5%}.capstone-card:nth-child(2n) .capstone-card-content{left:-10%;align-items:flex-start}@media only screen and (max-width:1023px){.capstone-card:nth-child(2n){margin-top:0}}@media (min-width:1024px) and (max-width:1550px){.capstone-card{height:44vh}.capstone-card h1{font-size:2.75rem}.capstone-card p{font-size:.9rem}}.capstone-card-mobile{height:250px;margin-bottom:7.5%;cursor:pointer;z-index:0;align-items:center;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;box-shadow:0 3px 15px 0 rgba(0,0,0,.1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}.capstone-card-mobile,.capstone-card-mobile .overlay{width:100%;box-sizing:border-box;display:flex;flex-direction:column}.capstone-card-mobile .overlay{height:100%;position:absolute;top:0;left:0;z-index:5;background-color:hsla(0,0%,100%,.8);justify-content:center;align-content:center;padding:0 5%}.capstone-card-mobile .overlay h1,.capstone-card-mobile .overlay p{color:#2d2d2d;margin:0;text-align:center}.capstone-card-mobile .overlay p{font-size:.9rem;width:100%}.capstone-card-mobile .overlay h1{font-size:1.5rem;margin-bottom:5%}.footer{width:100%;position:relative;background-color:#202020;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.footer .container{padding:5% 0}@media only screen and (max-width:1023px){.footer{padding:5% 7.5%}}.footer h1,.footer h2,.footer h3{margin:0}.footer h1{font-size:1.75rem;color:#fff;margin-bottom:2.5%;font-weight:400;text-transform:uppercase;letter-spacing:.15rem}@media only screen and (max-width:1023px){.footer h1{margin-bottom:10%}}.footer h2{font-size:1.15rem;line-height:2.5rem;color:#fff;font-weight:400;margin-bottom:2.5%}@media (min-width:1024px) and (max-width:1550px){.footer h2{font-size:1rem;line-height:2.25rem}}@media only screen and (max-width:1023px){.footer h2{font-size:.9rem;line-height:1.5rem}}.footer h3{font-size:.9rem;line-height:1.25rem;font-weight:300;margin-bottom:2.5%;color:hsla(0,0%,100%,.6)}@media (min-width:1024px) and (max-width:1550px){.footer h3{font-size:.9rem;line-height:1rem}}@media only screen and (max-width:1023px){.footer h3{font-size:.9rem}}.footer .footer-content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:2.5%}@media only screen and (max-width:1023px){.footer .footer-content{grid-template-columns:1fr 1fr}}.footer .footer-block{margin-bottom:7.5%}@media only screen and (max-width:1023px){.footer .footer-block{margin-bottom:10%}}.footer .footer-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin:5% 0 0}.footer .footer-footer .footer-share{display:flex;flex-direction:row;margin-right:2.5%}.footer .footer-footer .footer-share a{margin-right:5px}.footer .footer-footer .footer-share a svg{width:15px;height:15px;fill:hsla(0,0%,100%,.6)}.footer .footer-footer div{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.footer .footer-footer div a{margin-top:-.25%}.footer .footer-footer div:first-child{flex:1 1}.footer .footer-footer div:last-child{flex:1 1;justify-content:flex-end}.footer .footer-footer a,.footer .footer-footer h3{color:hsla(0,0%,100%,.6);font-size:.85rem;margin:0 1% 0 0;letter-spacing:.075rem}.footer .footer-footer a{transition:opacity .2s}.footer .footer-footer a:hover{opacity:.5}@media only screen and (max-width:1023px){.footer .footer-footer{flex-direction:column;justify-content:flex-start;align-items:flex-start}.footer .footer-footer a,.footer .footer-footer h3{font-size:.9rem;line-height:1.4rem}.footer .footer-footer div{width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:5%}.footer .footer-footer .footer-share{margin-right:0}.footer .footer-footer .footer-share a{margin-right:15px}.footer .footer-footer .footer-share a svg{width:25px;height:25px;fill:hsla(0,0%,100%,.6)}}.student-info-overlay{top:0;left:0;width:100%;position:absolute;z-index:5;transition:all .1s;pointer-events:none}.student-info-container{width:100%;height:100vh;position:fixed;background:rgba(0,0,0,.9);z-index:50;transition:all .16s ease-out}.student-info-container .student-info{position:absolute;top:0;right:0;width:60%;height:100vh;background-color:#fff;box-shadow:-5px 0 20px 0 rgba(0,0,0,.1);transition:all .25s ease-out;display:flex;flex-direction:row;justify-content:space-between}.student-info-container .student-info .left,.student-info-container .student-info .right{box-sizing:border-box}.student-info-container .student-info .left{width:45%;display:flex;flex-direction:column;padding:7.5% 3.75% 0 7.5%}.student-info-container .student-info .left .links{display:flex;flex-direction:column;align-items:flex-start}.student-info-container .student-info .left .links a{font-size:.9rem;display:inline-block;margin:1.5% 0}.student-info-container .student-info .left .student-info-portrait{margin-bottom:7.5%;position:relative;width:100%;padding-top:100%}.student-info-container .student-info .left .student-info-portrait .portrait{transition:all .1s;width:100%;height:100%;position:absolute;top:0;left:0;background-position:50%;background-size:cover;z-index:0}.student-info-container .student-info .left .student-info-fav{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2.5%}.student-info-container .student-info .left .student-info-fav h3,.student-info-container .student-info .left .student-info-fav h4{margin:0;text-align:left;font-size:.875rem;flex:1 1;line-height:1.25rem}.student-info-container .student-info .left .student-info-fav h4{font-weight:300;text-align:right}.student-info-container .student-info .left .student-info-fav h4 div{width:10px;height:10px;display:inline-block;margin-left:5px}.student-info-container .student-info .right{width:55%;padding:0 7.5% 0 3.75%;margin-top:20%}.student-info-container .student-info .right ::-webkit-scrollbar{display:none}.student-info-container .student-info .right h1{font-size:2rem;margin:0}.student-info-container .student-info .right p{font-size:.96rem;line-height:1.6;margin:3.5% 0}.student-info-container .student-info .right p.focus{color:rgba(45,45,45,.5);font-weight:400;margin-bottom:5%}@media (min-width:1024px) and (max-width:1550px){.student-info-container .student-info{width:70%}.student-info-container .student-info .right{margin-top:15%}.student-info-container .student-info .right h1{font-size:1.5rem}.student-info-container .student-info .right p{font-size:.88rem}.student-info-container .student-info .right a{font-size:.9rem}}@media only screen and (max-width:1023px){.student-info-container .student-info{width:100%;flex-direction:column;padding:5% 7.5% 30%;box-sizing:border-box;overflow-y:scroll;-webkit-overflow-scrolling:touch}.student-info-container .student-info .student-info-overlay{position:fixed}.student-info-container .student-info .close-button{cursor:pointer;font-size:3rem;opacity:.5;margin-bottom:7.5%;text-align:left}.student-info-container .student-info p{font-size:.9rem;line-height:1.4rem;margin:0 0 5%}.student-info-container .student-info .links{margin-bottom:7.5%}.student-info-container .student-info .links a{margin-right:10px;font-size:.85rem}.student-info-container .student-info .student-info-portrait{margin-bottom:7.5%;position:relative;width:100%;padding-top:100%}.student-info-container .student-info .student-info-portrait .portrait{transition:all .1s;width:100%;height:100%;position:absolute;top:0;left:0;background-position:50%;background-size:cover;z-index:0}.student-info-container .student-info .student-info-fav{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:7.5%}.student-info-container .student-info .student-info-fav h3,.student-info-container .student-info .student-info-fav h4{font-size:.9rem;line-height:0;margin:0}.student-info-container .student-info .student-info-fav h4{font-weight:300}.student-info-container .student-info .student-info-fav div{width:10px;height:10px;display:inline-block;margin-right:5px}}@-webkit-keyframes dash{to{stroke-dashoffset:1000}}@keyframes dash{to{stroke-dashoffset:1000}}.loader{width:100%;height:100vh;position:fixed;z-index:100;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;transition:all .5s;opacity:1}.loader svg{width:125px;margin-bottom:1.5%;fill:transparent;stroke:#2d2d2d;stroke-width:5;stroke-dasharray:50;-webkit-animation:dash 3s linear infinite,fadeIn .5s ease-in forwards;animation:dash 3s linear infinite,fadeIn .5s ease-in forwards}.loader h1{transition:all .75s;font-weight:400;font-size:1.5rem;letter-spacing:.2rem;margin:0;position:relative}.loader h1 span{-webkit-animation:loadingText .5s ease-in forwards;animation:loadingText .5s ease-in forwards;display:block}@media only screen and (max-width:1023px){.loader{margin-top:-10%}.loader h1{font-size:.9rem}.loader svg{width:90px;margin-bottom:20px}}@-webkit-keyframes loadingText{0%{opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%)}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes loadingText{0%{opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%)}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project::-webkit-scrollbar{display:none}.project{width:100%;height:100vh;-ms-overflow-style:none;scrollbar-width:none;position:fixed;z-index:50;transition:all .15s;pointer-events:none;background:#fff;box-sizing:border-box;display:flex;justify-content:center;overflow-y:scroll;-webkit-overflow-scrolling:touch}@media only screen and (max-width:1023px){.project{padding-bottom:5%}}.project .close-button{position:fixed;top:5%;right:5%;font-size:3rem;cursor:pointer;color:#2d2d2d;transition:all .25s}.project .close-button:hover{opacity:.5}@media only screen and (max-width:1023px){.project .close-button{position:unset;margin-bottom:7.5%}}.project .container{position:relative;box-sizing:border-box;padding:7.5% 0}@media only screen and (max-width:1023px){.project .container{padding:15% 7.5% 7.5%;display:flex;flex-direction:column}}.project .header{width:100%;display:flex;align-items:flex-start;flex-direction:row;margin-bottom:7.5%}.project .header .project-info{flex:1 1;margin-right:5%}.project .header .project-info-content{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:5%;-webkit-column-gap:5%;column-gap:5%}.project .header .project-info-content img{margin-bottom:5%;width:100%}.project .header h4{font-weight:400;margin:0 0 7.5%;font-size:1.2rem}.project .header a{font-size:.9rem}.project .header p{font-size:.9rem;line-height:1.5rem;margin:0 0 5%}.project .header h1{margin:0 0 2.5%;font-size:3rem;letter-spacing:.1rem;font-weight:400;color:#2d2d2d}@media (min-width:1024px) and (max-width:1550px){.project .header h1{font-size:2.25rem}.project .header p{font-size:.9rem;line-height:1.4rem}}@media only screen and (max-width:1023px){.project .header{flex-direction:column;display:block;margin-bottom:5%}.project .header h1{font-size:2.5rem}.project .header p{font-size:.9rem;line-height:1.4rem}.project .header .project-info-content{grid-template-columns:1fr}.project .header .project-info{margin:0 0 50px;width:100%}}.project .video-ph{width:99%;height:40vh;border:1px solid #2d2d2d;display:flex;justify-content:center;align-items:center;margin-bottom:2.5%}.project .video-ph p{font-size:.9rem}.project .block-video{width:100%;overflow:hidden;padding-top:56.25%;position:relative;margin-bottom:2.5%}.project .block-video .block-video-load{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.project .block-video .block-video-load h3{font-weight:300}.project .block-video iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.project .content{width:100%;padding-bottom:5%}@media only screen and (max-width:1023px){.project .content{padding-bottom:7.5%}}.project .project-members-container .project-member{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:5%}.project .project-members-container .project-member-pic{background-size:250%;background-position:center 20%;width:5vw;height:5vw;border-radius:50%}.project .project-members-container h3{font-weight:400;width:100%;font-size:.9rem;margin-left:5%}@media only screen and (max-width:1023px){.project .project-members-container{margin:5% 0;display:grid;grid-template-columns:1fr 1fr}.project .project-members-container .project-member-pic{width:10vw;height:10vw}}.project .project-image{width:100%;margin:2.5% 0}
/*# sourceMappingURL=main.f73dd097.chunk.css.map */