@import url('header.css');
@import url('about.css');
@import url('projects.css');
@import url('footer.css');
@import url('mediaqueries.css');

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

/* #region roots */

:root {
	--primary-color: #8c3939;
	--text-color: #bbbbbb;
	--background-color: #1b1a1a;
	--soft-gradient: linear-gradient(
    to bottom, 
    #292929,
    #1b1a1a
  );
}

@font-face {
	font-family: 'EB-Garamond';
	src: url('../fonts/EBGaramond-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Quicksand';
	src: url('../fonts/Quicksand-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Syne';
	src: url('../fonts/Syne.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Syne-Bold';
	src: url('../fonts/Syne-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Syne-Bold-Extra';
	src: url('../fonts/Syne-Bold-Extra.ttf') format('truetype');
	font-weight: bolder;
	font-style: normal;
}

.grecaptcha-badge {
	visibility: hidden;
}

p {
	font-family: 'EB-Garamond';
}

html {
	background-color: var(--background-color);
}

body {
	margin: 0;
	padding: 0;
	min-height: 100vh;
	width: 100%;
	overflow-x: hidden;
}

.button {
	color: var(--text-color);
	border: none;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: .8rem;
	cursor: pointer;
	transition: background-color 0.3s, transform 0.2s;
	font-family: 'Syne';
}

.d-none {
	display: none !important;
}

/* #endregion roots */

/* #region modal */
.modal {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.8);
}
/* #endregion modal */