@font-face { font-family: "Raleway"; src: url("fonts/Raleway-Variable.ttf"); } @font-face { font-family: "YanoneKaffeesatz"; src: url("fonts/YanoneKaffeesatz-Variable.ttf"); } #content { display: flex; height: 100%; align-content: center; justify-content: space-around; align-items: center; color: white; flex-direction: column; } #content .install-background { position: absolute; width: calc(100% - 75px); height: calc(100% - 65px); filter: blur(25px) brightness(50%); z-index: -1; } #content .install-background img { width: 100%; height: 100%; object-fit: cover; } #content .list { display: flex; flex: 1; overflow: hidden; align-items: center; } #content .list .left-side, #content .list .right-side { flex: 1; } #content .logger-container { height: 200px; width: 100%; padding: 0.5rem; background: rgba(0, 0, 0, 0.2); color: lightgrey; border: solid 1px black; } #content .settings { font-size: 0.85rem; display: flex; align-items: center; width: 100%; padding: 1rem; backdrop-filter: brightness(0.5); } #content .settings .locations { display: flex; flex-direction: row; flex: 1; overflow: hidden; } #content .settings .locations .labels span { display: block; height: 2rem; padding: 0.25rem; margin: 0.25rem; white-space: pre; cursor: pointer; text-overflow: ellipsis; overflow: hidden; } #content .settings .locations .paths { flex: 1; margin-left: 1rem; overflow: hidden; } #content .settings .locations .paths span { display: block; height: 2rem; padding: 0.25rem; margin: 0.25rem; white-space: pre; cursor: pointer; text-overflow: ellipsis; overflow: hidden; border: solid 1px rgba(255, 255, 255, 0.3); } #content .settings .options { display: flex; flex-flow: row wrap; flex-direction: column; margin-left: 2rem; } #content .settings .install { display: flex; flex-direction: column; align-items: center; margin: 0.5rem; cursor: pointer; } #content .settings .install img { width: 5rem; height: 5rem; } /*# sourceMappingURL=Configure.razor.css.map */