body
{
margin: 0;
padding: 0
height: 100vh;
background-color: #1f1e23;
}

html{
margin-top: 50px;
scroll-behavior: smooth;
}

#particles-js
{
/*height: 100%;*/
background: linear-gradient(to right, #6f0000, #200122);
}

.navbar_background{
	background: rgba(0,0,0,.9);

}

.headerset{
position: absolute;
margin-top: 250px;
width: 100%;
line-height: 0.4rem;
color: #fff;
opacity: .6;
}

.headerset h1{
font-size: 82px;
}


.text_color{
text-align: center;
font-family: Lilita One,cursive;
color: #ff0;
}

.img_adjust{
height: 361px;
width: 259px;
border-radius: 50%;
}


.about_text{
font-family: Roboto,sans-serif;
font-size: 25px;
color: #a9a9a9;
padding-top: .5em;
text-align: center;
}

.project_text{
font-family: Roboto,sans-serif;
font-size: 20px;
color: #a9a9a9;
text-align: center;
}

.skills_text{
font-family: Roboto,sans-serif;
font-size: 20px;
}

* hr{
border: .13vw solid #ff0;
width: 30%;
}

.gap{
margin-top: 138px;
}
.gap1{
margin-top: 19px;
}

.contact_color{
background-color: #182c39;
}
.text-warning {
padding: 34px;
}

.achieve_set{
padding-bottom: 65px;
font-family: Roboto,sans-serif;
font-size: 20px;
color: #a9a9a9;
text-align: center;
}



.carousel-indicators{
top:120%;
}

#contact{
text-align: center;
}




/*Extra small devices (phones, 600px and down)*/
@media only screen and (max-width: 768px) {
#particles-js{
height: 396px;
}

.headerset{
position: absolute;
margin-top: 120px;
width: 100%;
line-height: 0.4rem;
color: #fff;
opacity: .6;
}

.headerset h1{
font-size: 62px;
}

.img_adjust{
height: 290px;
width: 259px;
border-radius: 50%;
}

.about_text{
text-align: center;
}

.carousel-indicators{
top:110%;
}

.gap1{
font-size: 13px;
}
.footer-mail{
	display: flex;
	justify-content: center;
}


@media only screen and (max-width: 480px) {
#particles-js{
height: 600px;
}

* hr{
border: .50vw solid #ff0;
width: 60%;
}

.text_color{
font-size:22px;
text-align: center;
font-family: Lilita One,cursive;
color: #ff0;
}

.headerset{
top: 20%;
}

.headerset h1{
font-size: 32px;
}


.img_adjust{
width: 259px;
border-radius: 50%;
}

.about_text{
font-size: 20px;
}

.btn_x{
font-size: 10px;
}

.about_project{
width: 300px;
margin-left: 70px;
}

.carousel-indicators{
top:110%;
}

.gap1{
font-size: 13px;
}

.xyz{
display: block;
text-align: center;
}
.footer-mail{
	display: flex;
    justify-content: center;
    align-items: center;
	}

.achieve_set h5{
font-size: 15px;
}
}