html, body {
    background-color: black;
    color: white;
}

body {
    min-height: 100vh;
    margin:0;
    display:flex;
    flex-direction:column;
}

.container {
    flex:1;
}

#footer{
    margin-top: 20px;
}

#logo-container-mobile {
    margin: 60px 0 40px 0;
}

#logo-container {
    margin: 130px 0 50px 0;
}

#desc-container {
    
}

#contacts-container {
    margin: 50px 0 30px 0;
}

#screenshots-container {
    max-width: 900px;
}

.col-bracket {
    width: 15px;
    max-width: 15px;
}

.img-bracket {
    width: 15px;
    height: auto;
}

.col-screenshot {
    margin: 0 0 30px 0;
}

.regular-12 {
	color: var(--color-black);
	font-family: BarlowCondensed !important;
	font-size: 12px !important;
	letter-spacing: 1px !important;
	line-height: 21px !important;
	font-weight: 300 !important;
}

.regular-15 {
	color: var(--color-black);
	font-family: BarlowCondensed !important;
	font-size: 15px !important;
	letter-spacing: 1px !important;
	line-height: 28px !important;
	font-weight: 300 !important;
}

.regular-20 {
	color: var(--color-black);
	font-family: BarlowCondensed !important;
	font-size: 20px !important;
	letter-spacing: 1px !important;
	line-height: 31px !important;
	font-weight: 300 !important;
}

.bold-12 {
	color: var(--color-black);
	font-family: BarlowCondensedBold !important;
	font-size: 12px !important;
	letter-spacing: 1px !important;
	line-height: 21px !important;
	font-weight: 300 !important;
}

.bold-15 {
	color: var(--color-black);
	font-family: BarlowCondensedBold !important;
	font-size: 15px !important;
	letter-spacing: 1px !important;
	line-height: 28px !important;
	font-weight: 300 !important;
}

.bold-20 {
	color: var(--color-black);
	font-family: BarlowCondensedBold !important;
	font-size: 20px !important;
	letter-spacing: 1px !important;
	line-height: 31px !important;
	font-weight: 300 !important;
}

.color-pink {
    color: #FC0FC0;
}

.no-padding {
    padding: 0;
}

.contact-link {
    color: white;
}

@font-face {
    font-family: "BarlowCondensed";
    src: url("../assets/fonts/Barlow_Condensed/BarlowCondensed-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "BarlowCondensedBold";
    src: url("../assets/fonts/Barlow_Condensed/BarlowCondensed-Bold.ttf") format("truetype");
}