@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');


:root{
	--black-color: #000000;
    --theme-color: #141313;
    --white-color: #fff;
    --gray-color: #808080;
}

body{ color: var(--white-color); background: var(--theme-color); margin: 0; padding: 0;  font-family: "Unbounded", serif;  font-size: 1rem; font-weight: 500; line-height: 1.42; }

img{max-width: 100%;}

a{ color: inherit; }
a:hover,
a:focus{ text-decoration: none; color: inherit; }



section.coming-soon { position: relative; }
section.coming-soon .header{ position: relative; }
section.coming-soon .header img{ position: absolute; top: 20px; left: 0px;}
section.coming-soon .banner{ position: relative; text-align: center; }
section.coming-soon .banner img{ height: 100vh; }
section.coming-soon .banner h1{ font-size: 5rem; position: absolute; top: 100px; left: 0; right: 0; }
section.coming-soon .banner .line{ position: relative; top: -50px; }

footer { padding: 50px 0; background: var(--black-color); }
footer .logo img{ margin: 0 0 20px; }
footer .logo p{ font-weight: 300; }
footer .title{ font-size: 1rem; color: var(--gray-color); }
footer .partner-logo{ display: flex; gap: 40px; margin: 20px 0; position: relative; }
footer .partner-logo::after{ content: ""; position: absolute; left: 127px; top: 10px; background: #282828; width: 2px; height: 30px; }

footer .cont-info { padding: 0; margin: 0; list-style: none; font-weight: 300; font-size: 0.9rem; }
footer .cont-info li { padding: 5px 0; }
footer .cont-info li a{ display: flex; align-items: center; gap: 15px; }