*{
	margin: 0;
	padding: 0;
	font-family: Century Gothic;
	scroll-behavior: smooth;
}

.nav {
	position: absolute;
	top: 1%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 43px;
	margin: 30px auto 0px;
	border-bottom: 1px solid #fff;
	padding: 15px;
	position: fixed;
	box-shadow: 0 5px 50px rgba(0, 0, 0,.2);
	background-color: #fff;
}

ul {
	position: absolute;
	top: 50%;
	left: 66%;
	transform: translate(-50%,-50%);
	float: right;
	list-style-type: none;
	background-color: #fff;
}

ul li {
	display: inline-block;
}

ul li a {
	text-decoration: none;
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	padding: 5px 10px;
}

:root {
	--mainColor: #3e64ff;
}

ul li a:hover {
	background: linear-gradient(to right, var(--mainColor) 0%, var(--mainColor) 5px, transparent);
}

.vl {
	position: absolute;
	top: 51%;
	left: 33%;
	transform: translate(-50%,-50%);
	border-left: 370px solid #12232E;
	height: 70%;
}

.vl2 {
	position: absolute;
	top: 88%;
	left: 33%;
	transform: translate(-50%,-50%);
	border-left: 371px solid #E4C580;
	height: 6%;
}

.greet {
	position: absolute;
	top: 57%;
	left: 33%;
	transform: translate(-50%,-50%);
}

.greet h1 {
    font-size: 16px;
    font-weight: bold;
    color: #3e64ff;
    letter-spacing: 4px;
    text-align: center;
    box-sizing: border-box;
    font-family: "Poppins", Arial, sans-serif;
    line-height: 1.8;
}

.vl5 {
	border-left: 410px solid #12232E;
}
.greet1 {
	position: absolute;
	top: 24%;
	left: 55%;
	transform: translate(-50%,-50%);
}
.greet1 h1 {
	text-align: left;
	font-family:"Poppins", Arial, sans-serif;
	padding: 10px 30px;
	color: #000000;
	font-size: 60px;
	font-weight: 75	0;
	text-decoration: none;
	transition: 0.6s ease;
}
.introduction {
	position: absolute;
	top: 65%;
	left: 67%;
	transform: translate(-50%,-50%);
}
.introduction p {
	font-style: italic;
	line-height: 20pt;
	font-family: cursive;
	opacity: 0.5
}
.quotes1 {
	position: absolute;
	top: 82%;
	left: 67%;
	transform: translate(-50%,-50%);
}
.quotes1 p {
	font-style: italic;
	line-height: 20pt;
	font-family: cursive;
	opacity: 0.5
}
#author {
	font-style: italic;
	line-height: 20pt;
	font-family: cursive;
	opacity: 0.5;
	float: right;
}
.quotes2 {
	position: absolute;
	top: 33%;
	left: 63%;
	transform: translate(-50%,-50%);
}
.quotes2 p {
	font-style: italic;
	line-height: 20pt;
	font-family: cursive;
	opacity: 0.5
}
.name {
	position: absolute;
	top: 62%;
	left: 33.5%;
	transform: translate(-50%,-50%);
	font-weight: 900px;
}

.name h1 {
	color: #E4C580;
	font-size: 25px;
	font-weight: 800;
	font-family: "Poppins", Arial, sans-serif;
}
.borderleft {
	position: absolute;
	top: 67%;
	left: 33%;
	transform: translate(-50%,-50%);
	background: #E4C580;
	border: 1px solid #E4C580;
	width: 160px;
	height: 0px;
}
.info {
	position: absolute;
	top: 73%;
	left: 33.5%;
	transform: translate(-50%,-50%);
}

/*.info h1 {
	padding: 10px 20px;
	font-size: 50px;
	padding: 10px;
	color: #FFD700;
	text-decoration: none;
	transition: 0.6s ease;
	letter-spacing: 10px;
}*/

.info h2 {
	text-align: center;
	font-family: georgia;
	padding: 10px 20px;
	color: #fff;
	font-size: 16px;
	padding: 10px;
	text-decoration: none;
	transition: 0.6s ease;
	line-height: 20pt;
	letter-spacing: 2px;
}

.mypic {
	position: absolute;
	top: 36%;
	left: 33.5%;
	transform: translate(-50%,-50%);
	padding: 100px;
}

.image-cover1 {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center right;
}

.fb {
	position: absolute;
	top: 88%;
	left: 25%;
	transform: translate(-50%,-50%);
}
.twitter {
	position: absolute;
	top: 88%;
	left: 30%;
	transform: translate(-50%,-50%);
}
.instagram {
	position: absolute;
	top: 88%;
	left: 35.2%;
	transform: translate(-50%,-50%);
}
.map {
	position: absolute;
	top: 88%;
	left: 40%;
	transform: translate(-50%,-50%);
}

.image-cover2{
	float: left;
	width: 42px;
	height: 35px;
}
.image-cover3 {
	width: 25px;
	height: 25px;
}
.image-cover4 {
	width: 44px;
	height: 29px;
}
.image-cover5 {
	width: 19px;
	height: 23px;
}

.resume {
	position: absolute;
	top: 45%;
	left: 55%;
	transform: translate(-50%,-50%);
	background-color: #0000ff;
	border-radius: 40px 40px 40px 40px;
}
.resume h2 {
	font-family: "Poppins", Arial, sans-serif;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: 900;
	text-decoration: none;
	transition: 0.6s ease;
	letter-spacing: 1px;
}
.resume a {
	text-decoration: none;
}
.resume a h2:hover {
	font-size: 14px;
	font-weight: 900;
	transition: 0.6s ease;
	letter-spacing: 1px;
	border-radius: 40px 40px 40px 40px;
	border: 1px solid #0000ff;
	background-color: #fff;
	color: #0000ff;
}
.contactme {
	position: absolute;
	top: 45%;
	left: 68%;
	transform: translate(-50%,-50%);
	background-color: #fff;
	border-radius: 40px 40px 40px 40px;
	border: 1px solid #000000;
}
.contactme h2 {
	text-align: left;
	font-family: "Poppins", Arial, sans-serif;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #000000;
	font-size: 14px;
	font-weight: 900;
	text-decoration: none;
	transition: 0.6s ease;
}
.contactme a {
	text-decoration: none;
}
.contactme a h2:hover {
	transition: 0.6s ease;
	font-size: 14px;
	font-weight: 900;
	border-radius: 40px 40px 40px 40px;
	background-color: #000000;
	color: #fff;
}

			/*<About>*/


.about {
	position: absolute;
	top: 125%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.about h1 {
	font-family: "Poppins", Arial, sans-serif;
	font-weight: 700;
	font-size: 50px;
	padding-top: 150px;
	/*overflow: hidden;*/
}

.personalinfo {
	position: absolute;
	top: 183%;
	left: 58%;
	transform: translate(-50%,-50%);
	
}
.personalinfo h2 {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 18px;
	line-height: 2.4;
	width: 100%;
	
}
.personalinfo h2 label{
	opacity: 0.5;
	font-weight: 400;
	color: #000000;
}
.quotes {
	position: absolute;
	top: 150%;
	left: 66%;
	transform: translate(-50%,-50%);
	width: 50%;
	font-size: 16px;
	font-weight: 400;
	opacity: 0.5;
	line-height: 1.8;
}
.quotes p {
	color: #000000;;
}

.mypic1 {
	position: absolute;
	top: 173%;
	left: 20%;
	transform: translate(-50%,-50%);
	padding: 100px;
}

.image-cover6 {
	height: 680px;
	width: 450px;
}
.aboutbtn {
	position: absolute;
	top: 213%;
	left: 46%;
	transform: translate(-50%,-50%);
	background-color: #3e64ff;
	border-radius: 40px 40px 40px 40px;

}
.aboutbtn h2 {
	font-family: "Poppins", Arial, sans-serif;
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 18px;
	padding-bottom: 18px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: 0.6s ease;
	letter-spacing: 1px;
}
.aboutbtn a {
	text-decoration: none;
}
.aboutbtn a h2:hover {
	color: #000000;
}

.mylogo {
	position: absolute;
	top: 6%;
	left: 10%;
	transform: translate(-50%,-50%);
	position: fixed;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	object-fit: cover;
	background-color: #3e64ff;
}
.logoname {
	position: absolute;
	top: 6%;
	left: 14%;
	transform: translate(-50%,-50%);
	position: fixed;
}
.logoname h1 {
	font-size: 30px;
	font-weight: 1000;
	font-family: "Poppins", Arial, sans-serif;
	color: #fff;
}
.logoname label{
	font-size: 30px;
	font-weight: 1000;
	font-family: "Poppins", Arial, sans-serif;
	color: #000000;
}
.micro {
	position: absolute;
	top: 243%;
	left: 16%;
	transform: translate(-50%,-50%);
}
.image-cover7 {
	width:  165px;
	height: 65px;
}
.android {
	position: absolute;
	top: 243%;
	left: 36%;
	transform: translate(-50%,-50%);
}
.image-cover8 {
	width:  165px;
	height: 66px;
}
.java {
	position: absolute;
	top: 243%;
	left: 51%;
	transform: translate(-50%,-50%);
}
.image-cover9 {
	width:  165px;
	height: 65px;
}
.google {
	position: absolute;
	top: 243%;
	left: 66%;
	transform: translate(-50%,-50%);
}
.image-cover10 {
	width:  165px;
	height: 65px;
}
.adobe {
	position: absolute;
	top: 243%;
	left: 81%;
	transform: translate(-50%,-50%);
}
.image-cover11 {
	width:  165px;
	height: 65px;
}

					/*<Education>*/

.educlogo1 {
	position: absolute;
	top: 290%;
	left: 33%;
	transform: translate(-50%,-50%);
}
.educlogo2 {
	position: absolute;
	top: 334%;
	left: 33%;
	transform: translate(-50%,-50%);
}
.educlogo3 {
	position: absolute;
	top: 376%;
	left: 33%;
	transform: translate(-50%,-50%);
}
.educlogo4 {
	position: absolute;
	top: 415%;
	left: 33%;
	transform: translate(-50%,-50%);
}
.image-cover12 {
	width:  80px;
	height: 80px;
}
.education {
	position: absolute;
	top: 265%;
	left: 36%;
	transform: translate(-50%,-50%);
	font-weight: 1000;
}
.education h1 {
	font-family: "Poppins", Arial, sans-serif;
	font-weight: 1000;
	font-size: 30px;
	color: #3e64ff;;
	padding-top: 150px;
}
.educinfo1 {
	position: absolute;
	top: 276%;
	left: 57%;
	transform: translate(-50%,-50%);
}
.educinfo1 p {
	font-family: "Poppins", Arial, sans-serif;
	font-weight: 700;
	font-size: 17px;
	color: #3e64ff;;
	padding-top: 40%;
}
.educinfo1 h1 {
	font-size: 24px;
    font-weight: 800;
    line-height: 2;
    margin-bottom: 0.5rem;
}
.educinfo1 h2 {
	font-size: 18px;
}
.desc1 {
	position: absolute;
	top: 314%;
	left: 60%;
	transform: translate(-50%,-50%);
	width: 60%;
	opacity: 0.5;
}
.desc1 p {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 17px;
	line-height: 1.8;
	text-align:  justify;
	text-justify:  inter-word;
	padding-right: 65px;
	padding-left: 90px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.educinfo2 {
	position: absolute;
	top: 311%;
	left: 67%;
	transform: translate(-50%,-50%);
	width: 60%;
}
.educinfo2 p {
	font-family: "Poppins", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #3e64ff;;
	padding-top: 40%;
}
.educinfo2 h1 {
	font-size: 24px;
    font-weight: 800;
    line-height: 2;
    margin-bottom: 0.5rem;
}
.educinfo2 h2 {
	font-size: 18px;
}
.desc2 {
	position: absolute;
	top: 357%;
	left: 60.3%;
	transform: translate(-50%,-50%);
	width: 60%;
	opacity: 0.5;
}
.desc2 p {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 17px;
	line-height: 1.8;
	text-align:  justify;
	text-justify:  inter-word;
	padding-right: 65px;
	padding-left: 90px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);	
}

.educinfo3 {
	position: absolute;
	top: 365%;
	left: 54%;
	transform: translate(-50%,-50%);
}
.educinfo3 p {
	font-family: "Poppins", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #3e64ff;;
	padding-top: 40%;
}
.educinfo3 h1 {
	font-size: 24px;
    font-weight: 800;
    line-height: 2;
    margin-bottom: 0.5rem;
}
.educinfo3 h2 {
	font-size: 18px;
}
.desc3 {
	position: absolute;
	top: 398%;
	left: 60.3%;
	transform: translate(-50%,-50%);
	width: 60%;
	opacity: 0.5;
}
.desc3 p {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 17px;
	line-height: 1.8;
	text-align:  justify;
	text-justify:  inter-word;
	padding-right: 65px;
	padding-left: 90px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);	
}

.educinfo4 {
	position: absolute;
	top: 393%;
	left: 67%;
	transform: translate(-50%,-50%);
	width: 60%;
}
.educinfo4 p {
	font-family: "Poppins", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #3e64ff;;
	padding-top: 40%;
}
.educinfo4 h1 {
	font-size: 24px;
    font-weight: 800;
    line-height: 2;
    margin-bottom: 0.5rem;
}
.educinfo4 h2 {
	font-size: 18px;
}
.desc4 {
	position: absolute;
	top: 437%;
	left: 60.3%;
	transform: translate(-50%,-50%);
	width: 60%;
	opacity: 0.5;
}
.desc4 p {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 17px;
	line-height: 1.8;
	text-align:  justify;
	text-justify:  inter-word;
	padding-right: 65px;
	padding-left: 90px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);	
}


					/*<skills>*/


.skills {
	position: absolute;
	top: 450%;
	left: 33%;
	transform: translate(-50%,-50%);
	font-weight: 1000;
}
.skills h1 {
	font-family: "Poppins", Arial, sans-serif;
	font-weight: 1000;
	font-size: 30px;
	color: #3e64ff;
	padding-top: 150px;
}

.formatting {
	position: absolute;
	top: 476%;
	left: 44%;
	transform: translate(-50%,-50%);
}
.formatting h3 {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 17px;
    margin-bottom: 10px;
    font-weight: 500;
}
.progress-1 {
	position: absolute;
	top: 480%;
	left: 59%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 50px solid #e6e6e6;;
	border-radius: 3px 3px 3px 3px;
}
.progress1 {
	position: absolute;
	top: 480%;
	left: 44%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 371px solid #3e64ff;
	border-radius: 3px 3px 3px 3px;
}

.computer-repair {
	position: absolute;
	top: 490%;
	left: 44%;
	transform: translate(-50%,-50%);
}
.computer-repair h3 {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 17px;
    margin-bottom: 10px;
    font-weight: 500;
}
.progress-2 {
	position: absolute;
	top: 495%;
	left: 59%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 50px solid #e6e6e6;;
	border-radius: 3px 3px 3px 3px;
}
.progress2 {
	position: absolute;
	top: 495%;
	left: 44%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 371px solid #3e64ff;
	border-radius: 3px 3px 3px 3px;
}

.cable {
	position: absolute;
	top: 505%;
	left: 43%;
	transform: translate(-50%,-50%);
}
.cable h3 {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 17px;
    margin-bottom: 10px;
    font-weight: 500;
}
.progress-3 {
	position: absolute;
	top: 510%;
	left: 58%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 82px solid #e6e6e6;;
	border-radius: 3px 3px 3px 3px;
}
.progress3 {
	position: absolute;
	top: 510%;
	left: 43%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 340px solid #3e64ff;
	border-radius: 3px 3px 3px 3px;
}

.maintain {
	position: absolute;
	top: 520%;
	left: 46%;
	transform: translate(-50%,-50%);
}
.maintain h3 {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 17px;
    margin-bottom: 10px;
    font-weight: 500;
}
.progress4 {
	position: absolute;
	top: 525%;
	left: 45.9%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 420px solid #3e64ff;
	border-radius: 3px 3px 3px 3px;
}

.css {
	position: absolute;
	top: 476%;
	left: 77%;
	transform: translate(-50%,-50%);
}
.css h3 {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 17px;
    margin-bottom: 10px;
    font-weight: 500;
}
.progress-5 {
	position: absolute;
	top: 480%;
	left: 92%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 100px solid #e6e6e6;;
	border-radius: 3px 3px 3px 3px;
}
.progress5 {
	position: absolute;
	top: 480%;
	left: 77%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 320px solid #3e64ff;
	border-radius: 3px 3px 3px 3px;
}

.html {
	position: absolute;
	top: 490%;
	left: 77%;
	transform: translate(-50%,-50%);
}
.html h3 {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 17px;
    margin-bottom: 10px;
    font-weight: 500;
}
.progress-6 {
	position: absolute;
	top: 495%;
	left: 92%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 100px solid #e6e6e6;;
	border-radius: 3px 3px 3px 3px;
}
.progress6 {
	position: absolute;
	top: 495%;
	left: 77%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 320px solid #3e64ff;
	border-radius: 3px 3px 3px 3px;
}

.php {
	position: absolute;
	top: 505%;
	left: 77%;
	transform: translate(-50%,-50%);
}
.php h3 {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 17px;
    margin-bottom: 10px;
    font-weight: 500;
}
.progress-7 {
	position: absolute;
	top: 510%;
	left: 92%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 100px solid #e6e6e6;;
	border-radius: 3px 3px 3px 3px;
}
.progress7 {
	position: absolute;
	top: 510%;
	left: 77%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 320px solid #3e64ff;
	border-radius: 3px 3px 3px 3px;
}

.py {
	position: absolute;
	top: 520%;
	left: 79%;
	transform: translate(-50%,-50%);
}
.py h3 {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 17px;
    margin-bottom: 10px;
    font-weight: 500;
}
.progress-8 {
	position: absolute;
	top: 525%;
	left: 94%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 55px solid #e6e6e6;;
	border-radius: 3px 3px 3px 3px;
}
.progress8 {
	position: absolute;
	top: 525%;
	left: 79%;
	transform: translate(-50%,-50%);
	height: 1.7%;
	border-left: 371px solid #3e64ff;
	border-radius: 3px 3px 3px 3px;
}


								/*<contact>*/


.contact {
	position: absolute;
	top: 550%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.contact h1 {
	font-size: 50px;
	font-weight: 700;
	font-family: "Poppins", Arial, sans-serif;
	color: #12232E;
	padding-top: 150px;
}
.box-1 {
	position: absolute;
	top: 605%;
	left: 18.3%;
	transform: translate(-50%,-50%);
	border-left: 255px solid #E4C580;
	height: 50%;
	opacity: 0.7;
	box-shadow: 0 5px 5px rgba(0, 0, 0,.2);
}
.fb1 {
	position: absolute;
	top: 603%;
	left: 18.3%;
	transform: translate(-50%,-50%);
}
.image-cover2-1 {
	width: 200px;
	height: 200px;
}
.fbname {
	position: absolute;
	top: 620%;
	left: 18.3%;
	transform: translate(-50%,-50%);
}
.fbname h3 {
	font-size: 15px;
	color: #12232E;
	opacity: 0.6;
}
.box-2 {
	position: absolute;
	top: 605%;
	left: 40%;
	transform: translate(-50%,-50%);
	border-left: 255px solid #E4C580;
	height: 50%;
	opacity: 0.7;
	box-shadow: 0 5px 5px rgba(0, 0, 0,.3);
}
.twitter1 {
	position: absolute;
	top: 603%;
	left: 40%;
	transform: translate(-50%,-50%);
}
.image-cover3-1 {
	width: 150px;
	height: 150px;
}
.twittername {
	position: absolute;
	top: 620%;
	left: 40%;
	transform: translate(-50%,-50%);
}
.twittername h3 {
	font-size: 15px;
	color: #12232E;
	opacity: 0.6;
}
.box-3 {
	position: absolute;
	top: 605%;
	left: 61%;
	transform: translate(-50%,-50%);
	border-left: 255px solid #E4C580;
	height: 50%;
	opacity: 0.7;
	box-shadow: 0 5px 5px rgba(0, 0, 0,.2);
}
.instagram1 {
	position: absolute;
	top: 603%;
	left: 61%;
	transform: translate(-50%,-50%);
}
.image-cover4-1 {
	width: 200px;
	height: 150px;
}
.instagramname {
	position: absolute;
	top: 620%;
	left: 61%;
	transform: translate(-50%,-50%);
}
.instagramname h3 {
	font-size: 15px;
	color: #12232E;
	opacity: 0.6;
}
.box-4 {
	position: absolute;
	top: 605%;
	left: 82%;
	transform: translate(-50%,-50%);
	border-left: 255px solid #E4C580;
	height: 50%;
	opacity: 0.7;
	box-shadow: 0px 5px 5px rgba(0, 0, 0,.2);
}
.map1 {
	position: absolute;
	top: 603%;
	left: 82%;
	transform: translate(-50%,-50%);
}
.image-cover5-1 {
	width: 120px;
	height: 150px;
}
.addressname {
	position: absolute;
	top: 621%;
	left: 82%;
	transform: translate(-50%,-50%);
}
.addressname h3 {
	font-size: 15px;
	color: #12232E;
	opacity: 0.6;
}


								/*<last>*/



.last {
	position: absolute;
	top: 670%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-left: 2000px solid #000000;
	height: 50%;
}
.copy {
	position: absolute;
	top: 690%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.copy h3 {
	font-family: "Poppins", Arial, sans-serif;
	color: rgba(255, 255, 255, 0.7);
	font-size: 16px;
	font-weight: 400;
}