@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@434&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Harmony,MagnumSans,Westmount;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Harmony;font-style:normal;font-weight:400;src:url(/static/media/Harmony.b6d376c72b93c0cb0c7d.otf) format("opentype")}@font-face{font-family:MagnumSans;font-style:normal;font-weight:lighter;src:url(/static/media/MagnumSans.f340dbe3014d3f8c4e33.otf) format("opentype")}@font-face{font-family:Westmount;font-style:normal;font-weight:400;src:url(/static/media/Westmount.9035a93fa30d46f10d41.otf) format("opentype")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#20355e;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hometitle{color:#f3f1f1;font-family:Harmony,harmony;font-size:52px;letter-spacing:12px;margin-bottom:20px;padding:7rem 1.25rem 0;text-align:center}@media only screen and (max-width:767px){.hometitle{font-size:45px;margin-left:1rem;margin-right:1rem;padding-top:3rem}}@media only screen and (max-width:667px){.hometitle{font-size:39px;margin-left:1rem;margin-right:1rem;padding-top:3rem}}.trailer{color:#f3f1f1;font-family:Westmount;font-size:41px;letter-spacing:2px;margin:1px auto;max-width:700px;padding-bottom:6rem;position:relative;text-align:center}@media only screen and (max-width:767px){.trailer{font-size:29px;margin-top:-2rem}}.trailer:before{background:#dbdbdb;content:" ";display:block;height:1px;left:0;position:absolute;top:18%;width:130px}@media only screen and (max-width:767px){.trailer:before{height:0}}.trailer:after{background:#f3f1f1;content:" ";display:block;height:1px;position:absolute;right:0;top:18%;width:130px}@media only screen and (max-width:767px){.trailer:after{height:0}}.sec{color:#f7f4f4;font-family:MagnumSans,magnumsans;font-size:36px;letter-spacing:7px;margin-bottom:20px;text-align:center}@media only screen and (max-width:1068px){.sec{font-size:25px}}@media only screen and (max-width:667px){.sec{font-size:20px}}#topnav{background:linear-gradient(90deg,#010101,#161616);font-family:Segoe UI;font-size:15px;left:0;position:absolute;top:0;width:100%}@media only screen and (max-width:767px){.topnav{font-size:24}}.nav-link{color:#fff;display:inline-block;height:55px;line-height:55px;padding-left:20px;text-align:center;text-decoration:none;transition:transform .2s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;&:hover{font-style:bold;transform:scale(1.2)}}.gradient_background{min-width:100v}.wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;min-height:85vh}@media only screen and (max-width:768px){.wrapper{flex-direction:column;min-height:100vh}}.center-content{text-align:center}.imgbox{border:2px solid #fffefe;order:1;width:450px}@media only screen and (max-width:768px){.imgbox{margin-top:30%;order:0;width:250px}}.imgbox img{display:block;height:auto;object-fit:fill;width:100%}.text-group{color:#f3f1f1;font-family:MagnumSans,magnumsans;font-size:24.6px;margin-bottom:20px;margin-left:50px;max-width:700px;order:2;padding-top:1.4rem;position:relative;text-align:left}@media only screen and (max-width:1068px){.text-group{font-family:Segoe UI;font-size:14px;margin-bottom:0;margin-left:auto;order:3;padding-left:2rem;padding-right:2rem;text-align:center}}.secab{color:#fff;font-family:MagnumSans,magnumsans;font-size:40px;padding-bottom:50px;text-align:center}@media only screen and (max-width:1068px){.secab{font-size:25px}}@media only screen and (max-width:768px){.secab{font-size:18px;padding-bottom:80px;padding-top:50px}}.gavin{color:#fff;font-family:Segoe UI;font-size:18px;font-size:15px;margin-left:1%;text-decoration:underline}.img-name{color:#fff;font-family:Outfit;font-size:18px;font-weight:400;margin-bottom:20px;margin-top:2px;max-width:205px;overflow:hidden;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.img-name{margin-left:auto;margin-right:auto;max-width:300;overflow:hidden;padding-right:17%}}.video-paper{display:flex;flex-direction:column;padding:16px;text-align:center;transition:transform .3s ease-in-out;&:hover{transform:scale(1.03)}.mobile-center{align-items:center;display:flex;justify-content:center}}.gradient_background_projects{background:linear-gradient(90deg,#010101,#161616);min-height:105vh;min-width:100v}.title{color:#f3f1f1;font-family:Harmony,harmony;font-size:52px;letter-spacing:12px;margin-bottom:20px;padding:7rem 1.25rem 0;text-align:center}@media only screen and (max-width:767px){.title{font-size:38px;margin-left:1rem;margin-right:1rem;padding-top:5rem}}@media only screen and (max-width:667px){.title{font-size:29px;margin-left:1rem;margin-right:1rem;padding-top:5rem}}.gridContainer{margin-left:0;padding-bottom:5%}@media only screen and (max-width:1024px){.gridContainer{margin-left:auto;margin-right:auto}}.gradient_background{background:linear-gradient(90deg,#010101,#161616);min-height:100vh;min-width:100vw}.videotitle{color:#fff;font-family:Outfit,sans-serif;font-size:30px;letter-spacing:normal;padding-bottom:2%;position:relative;text-align:center;z-index:10}.videopadding{padding:5%}@media only screen and (max-width:767px){.videopadding{padding:30%}.videotitle{font-size:20px}}.videoWrapper{align-items:center;display:flex;height:center;justify-content:center}.videoWrapper iframe{height:50vh;width:50%}@media only screen and (max-width:767px){.videoWrapper iframe{height:30vh;width:90%}}.hbdc-video-container{aspect-ratio:16/9;display:flex;justify-self:center;max-height:80vh;max-width:80vw;width:80vw}.hbdc-video-container iframe{border-radius:16px;height:100%;width:100%}
/*# sourceMappingURL=main.4aa9aa56.css.map*/