#MainView{min-height:100vh;position:relative;isolation:isolate}#MainView>#Hero:after{content:"";position:absolute;bottom:0;left:0;background:#fff;background:linear-gradient(hsla(0,0%,100%,.5),#fff);box-shadow:0 -.5rem .5rem hsla(0,0%,100%,.2);border-top-left-radius:1rem;border-top-right-radius:1rem;width:100%;height:2rem;z-index:0}#MainView>#SearchBar-container{height:1rem}#MainView>#SearchBar-container>.SearchBar{transform:translateY(-110%)}#MainView>#SearchBar-container>.SearchBar>.SearchBar-search{isolation:isolate;position:relative}#MainView>#SearchBar-container>.SearchBar>.SearchBar-results-container,#MainView>#SearchBar-container>.SearchBar>.SearchBar-search{background:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);z-index:1}#Hero{background-image:linear-gradient(45deg,pink,purple);color:#fff;min-height:20vh;height:35vh;flex-flow:column;position:relative;display:flex;flex-flow:row}#Hero:before{content:"";height:1rem;width:100%;background:linear-gradient(45deg,pink,purple);transform:rotateX(180deg);position:absolute;top:-1rem;left:0;right:0}#Hero #Hero-right-arrow-container,#Hero>#Hero-left-arrow-container{background:#000;min-width:5%;width:5%;display:flex;flex-flow:column;justify-content:center;align-items:center;font-weight:700;opacity:.4;font-size:1.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease-in-out}#Hero #Hero-right-arrow-container:hover,#Hero>#Hero-left-arrow-container:hover{opacity:.6}#Hero #Hero-right-arrow-container>div,#Hero>#Hero-left-arrow-container>div{transform:scaleX(.5) scaleY(1.5)}#Hero>#Hero-left-arrow-container{background:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}#Hero>#Hero-right-arrow-container{background:linear-gradient(-90deg,rgba(0,0,0,.5),transparent)}#Hero>#Hero-content{padding:2rem 1rem 3rem;display:flex;flex-flow:column;justify-content:space-between;flex-grow:1;margin-bottom:1rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#Hero>#Hero-content.fade-in{animation:fade-in .3s linear}#Hero>#Hero-content>h1{margin:0;font-size:min(1.8rem,4vw)}#Hero>#Hero-content>#Hero-description{margin:0;font-size:min(1.2rem,3.5vw);font-weight:700}#Hero>#Hero-content>button{box-shadow:0 0 .5rem rgba(0,0,0,.5);background:#871146;color:#fff;font-weight:700;transition:all .2s ease-in-out;border:none;width:-moz-fit-content;width:fit-content}#Hero>#Hero-content>button:hover{background:#fff;transform:scale(1.02)}#Hero>#Hero-content>button:hover>a{color:#871146}#Hero>#Hero-content>button>a{color:#fff;text-decoration:none}