p { 
	font-size: 1.125rem; 
	font-family: 'Outfit', sans-serif;
	font-weight: 400; 
	color: #FFF; 
	line-height: 1.3rem; 
	text-decoration:none;
}

p a { 
	color:#19b8a4; 
	text-decoration:underline;
}

p a:hover { 
	color:#19b8a4; 
	text-decoration:none;
}

img { 
	display: block; 
	margin: auto; 
	width: 100%; 
	max-width: 300px; 
}

h1 { 
	margin-bottom: 0; 
	font-family: Outfit, sans-serif; 
	font-size: 5.5rem; 
	font-weight: 700; 
	line-height: 1.1; 
}

h1 span { 
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(101deg, #5810cf, #9728ff);
    -webkit-background-clip: text;
    background-clip: text;
}

h2 { 
	margin: 3rem; 
	font-size: 1.6rem; 
	font-weight: 400;
	display: inline-block;
	width: 70%;
}


body {
	background: #000;
	color: #FFF;
	font-family: Outfit, sans-serif;
	text-align: center;
	font-size: 1rem;
	line-height: 1.5;
	min-height: 100%;
}

#wrapper {
	background-color:
	var(--dark);
	justify-content: center;
	align-items: flex-start;
	display: flex;
}

.main-wrapper {
	width: 100%;
}

.section_header {
	width: auto;
	height: 100svh;
	background-image: url(images/wavylines.svg);
	background-position: 50%;
	background-size: cover;
	background-attachment: fixed;
	padding: 2.5rem;
}

.container_hero {
	width: 100%; 
	height: auto; 
	border: 0px solid var(--box-border); 
	background-image: linear-gradient(118deg, #1c1c21, #131316); 
	border-radius: 40px; 
	justify-content: center; 
	align-items: center; 
	display: flex;
}

.content_hero {
	padding: 4rem 4rem 6rem 4rem;
}

.container_logo {
    z-index: 3;
    width: 11rem;
    border: 2px solid var(--box-border);
    -webkit-backdrop-filter: blur(48px);
    backdrop-filter: blur(48px);
    object-fit: fill;
    background-color: #232328;
    border-radius: 1000px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0.8rem 1.2rem;
    display: flex;
    position: absolute;
    top: 1rem;
    left: 0%;
    right: 0%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
}

.e_logo {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative;
    width: 5rem;
}

.checklist {
    grid-column-gap: 2.5rem;
    display: inline-flex;
}

.container_check {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0rem;
    align-items: center;
    display: flex;
}

.image_check {
    width: 1.25rem;
    height: 1.25rem;
    background-color: rgba(255, 255, 255, .12);
    border-radius: 1000px;
}


.container_button {
	margin: 4rem;
}

.button {
    background-color: transparent;
    display: inline-block;
    border: 4px solid #FFF;
    border-radius: 1000px;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 2rem;
    font-weight: 700;
    color: #FFF;
    text-decoration: none;
    width: 10rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.button:hover {
	background-color: #FFF;
	color: #000;
	-webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

.projects {
	width: 100%;
    display: inline-block;
}

.project_one a {
    display: inline-block;
    background: url(images/connect.png);
    background-repeat: no-repeat;
    width: 376px;
    height: 284px;
    background-size: 100%;
    float: left;
    margin: 20px;
}

.project_one a:hover {
    background: url(images/connect-hover.png);
    background-size: 100%;
}

.project_two a {
    display: inline-block;
    background: url(images/orpheus.png);
    background-repeat: no-repeat;
    width: 376px;
    height: 284px;
    background-size: 100%;
    float: left;
    margin: 20px;
}

.project_two a:hover {
    background: url(images/orpheus-hover.png);
    background-size: 100%;
}

.project_three a {
    display: inline-block;
    background: url(images/just-sign.png);
    background-repeat: no-repeat;
    width: 376px;
    height: 284px;
    background-size: 100%;
    float: left;
    margin: 20px;
}

.project_three a:hover {
    background: url(images/just-sign-hover.png);
    background-size: 100%;
}