#root{max-width:1280px;margin:0 auto;text-align:center}.page{display:flex;flex-direction:column;min-height:100vh;padding:2rem}*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: white;--color-text: black}.dark-mode{--color-bg: rgb(31, 31, 31);--color-text: white}body{background-color:var(--color-bg);color:var(--color-text);transition:background-color .3s ease}button{color:var(--color-text)}.navbar{display:flex;max-width:1500px}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:30px;width:100%}.HeroSection{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:80px;color:inherit}.HeroName{display:flex}.HeroEmail{font-size:20px}.HeroLogos{display:flex;justify-content:space-between;width:4rem;margin-top:-40px}.HeroLogos a{color:inherit;transition:transform .25s ease}.HeroLogos a:hover{transform:scale(1.1)}