body,html{margin:0;padding:0;overflow-x:hidden;height:100dvh}body,html,app-root{-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;transform:translateZ(0)}body,html{height:100dvh}body{display:flex;flex-direction:column;min-height:100vh}:root{--main-color: #778179;--primary-color: #778179;--background-color: #f8f8f8;--accent-color: #006;--border-color: #808080c7;--border-color-second: var(--main-color);--background-color-second: #252525}app-root{display:flex;flex-direction:column;flex:1;min-height:100vh}app-header,app-footer,.main-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-inline-start:env(safe-area-inset-left);padding-inline-end:env(safe-area-inset-right)}app-header,.main-container{margin:0;border:none;outline:none}.main-container{flex:1;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-inline-start:env(safe-area-inset-left);padding-inline-end:env(safe-area-inset-right);box-sizing:border-box;overflow-x:hidden}app-homepage{flex:1}