*{margin:0;padding:0;border:0;outline:0;font:inherit;text-decoration:none;background:transparent}*,*::before,*::after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{min-height:100vh;font-family:sans-serif;line-height:1;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{cursor:pointer}svg{display:block;max-width:100%}:root{--background-color: #353442;--content-color: white;--content-margin: 4vh;--content-z-index: 1;--logo-size: 42vh;--social-size: 6vh}html,body{width:100%;height:100%;background-color:var(--background-color);overflow:hidden}body{background-image:url("../images/background.jpg");background-position:center;background-repeat:no-repeat;background-size:cover}body::after{content:'';position:absolute;inset:0;background-image:linear-gradient(to bottom, var(--background-color), transparent 50%)}div#logo{display:flex;position:absolute;width:var(--logo-size);height:var(--logo-size);top:var(--content-margin);z-index:var(--content-z-index);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}div#logo svg{fill:var(--content-color)}div#social{display:flex;position:absolute;bottom:var(--content-margin);z-index:var(--content-z-index);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}div#social a{display:flex;width:var(--social-size);height:var(--social-size)}div#social a+a{margin-left:calc(var(--social-size) / 2)}div#social a svg{fill:var(--content-color)}