@charset "UTF-8";
/* CSS Document */




#title{
margin-top: 2%;
max-width:80%;
}

#name{
transition: 0.9s ease;
}
#name:hover{
	transform: scale(1.1);
	transition: 0.9s ease;
}


h3{
	font-size: 16pt;
	color: #3a130e;
}

#name{
	margin-top:150%;
	margin-left: -200px;
}

.moving-text {
	width: 100%;
	overflow: hidden;;
	color: #3a130e;
	white-space: nowrap;
}

.moving-text p {
	display: inline-block;
	padding: 15px 0;
	animation: scrollText 360s;
	animation-iteration-count: infinite;

}

@keyframes scrollText {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-100%);
	}
}




#contentf{
padding-left: 25%;	
}



a{
	text-decoration: none;
	color: aliceblue;
}

h1{
	width: 50%;
	transition: 0.9s ease;
}

h1:hover{
	transform: scale(1.1);
	transition: 0.9s ease;
}

h2{
font-size: 10pt;

}
.icon{
width:50px;
transition: 0.9s ease;
}

.icon:hover{
	transform: scale(1.1);
	transition: 0.9s ease;
}

@media (max-width: 992px){
	#title{
max-width:100%;
}
       #name{
	margin-top:auto;
	margin-left: 10%;
	margin-bottom: 30px;
}
	
}

@media (max-width: 768px){
	
#title{
max-width:100%;
}
       #name{
	margin-top:auto;
	margin-left: 10%;
	
}
	
	
	
}


@media (max-width: 650px){
	
       #name{
	margin-top:auto;
	margin-left: 10%;

}
	
	
}