#hero{flex-direction:column;justify-content:center;align-items:center;height:40rem;margin:0;display:flex}#hero>h1,#hero>h2{color:var(--secondary-color-4);text-align:center;margin:10px 0;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:500}#hero>h1{font-size:2rem;font-weight:600}#hero #title{font-size:2rem;font-weight:500}#hero-separator{height:2px;margin-bottom:50px}#scroll-down-icon{animation:3s ease-in-out infinite scroll-down-icon-animation;position:absolute;top:38rem;left:calc(50% - 10px);transform:translate(-50%,-50%)}@keyframes scroll-down-icon-animation{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}#hero-search-container{flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:800px;margin:auto;padding:10px;display:flex}#hero-search-input{box-sizing:border-box;border:1px solid var(--primary-color-6);background-color:var(--primary-color-1);width:100%;color:var(--secondary-color-4);border-radius:.5rem;margin:2em auto;padding:10px 20px}#hero-search-input:focus-visible{box-shadow:0 0 0 2px var(--focused-border-color)}#hero-installation{border:1px solid var(--primary-color-6);border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;gap:1em;margin:1em auto;padding:.5em 1em;display:flex}#hero-installation:hover{background-color:var(--primary-color-3)}.dx-explaination{text-align:center;min-width:50vw;margin-bottom:1rem;padding-left:5vw;padding-right:5vw}.dx-explaination-box h3{margin-top:0;margin-bottom:.5rem}.dx-explaination-box{box-sizing:border-box;border:1px solid var(--primary-color-6);background-color:var(--primary-color-2);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;width:10rem;max-width:30vw;min-height:10rem;margin:.5rem;padding:1rem;display:flex}