*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}@font-face{font-family:'Graphik Regular';src:url("../fonts/Graphik-Extralight.ttf");src:url("../fonts/Graphik-Extralight.woff") format("woff"),url("../fonts/Graphik-Extralight.ttf") format("truetype");font-weight:400;font-style:normal}.front-page__main{position:relative}.front-page__title-section{display:flex;flex-direction:column;justify-content:center;height:100vh;padding:0 5vw;font-family:'Graphik Regular';color:#222;text-align:center}.front-page__title h2{padding:0 15px;font-size:3rem;letter-spacing:2px}.front-page__subtitle{margin-top:.5rem;font-size:2rem}.social{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center}.social ul{width:50%;display:flex;align-items:center;justify-content:center;list-style:none}.social a{display:block;padding:1rem}.social svg{width:100%;max-width:20px;fill:#222;transition:all .3s}.social svg:hover{fill:#A11007}@media (max-width:601px){.front-page__title h2{font-size:2rem}.front-page__subtitle{font-size:1.2rem}}@media (prefers-color-scheme:dark){body{background-color:#222}.front-page__title-section{color:#fff}.social svg{fill:#f3f3f3}.social svg:hover{fill:#fff}}