.logo {
	width: 35px;
}

.navbar {
	background-color: #FF9BD9;
}

.nav-link:hover {
	color: #00FFF0  ;
}

.titlebg {
	height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    /*background-image: url(../images/bg.webp);*/
   	background-image: linear-gradient(rgba(4, 9, 30, 0.2), rgba(4, 9, 30, 0.2)), url(../images/bg.webp);
}

.title {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: column;
	height: 350px;
	padding-left: 340px;
}


.h1 {
	font-size: 52px;
	text-shadow: 5px 5px 5px #FF40B7 ;
}

.btn {
	background-color: #FF40B7;
}
.btn:hover {
	background-color: #FF40B7;
	color: white;
}


/* about css */

.pic1 {
	width: 600px;
}

.abouttext {
	padding-top: 70px;
}


/* content personal */

.pic3 {
	box-shadow: 5px 5px 8px pink;
}



@media screen and (max-width: 990px) {
	.title {
		height: none;
		padding-left: 0;
	}

	.h1	{
		font-size: 25px;
	}
}