*
{
	margin: 0;
	padding: 0;
}
#body
{
    color: #494D5F;
}
#nav-bar
{
	position: sticky;
	top: 0;
	z-index: 10;
}
.navbar
{
	background-image: linear-gradient(to right,#F08080, #FFA07A);
	padding: 5 !important;
}
.navbar-brand
{
	color: #FFFFF0 !important;
	font-weight: 550;
}
.navbar-nav li
{
	padding: 0 10px;
}
.navbar-nav li a
{
	color: #FFFFF0 !important;
	font-weight: 550;
	float: right;
	text-align: left;
}
.fa-bars
{
	color: #FFFFF0;
	font-size: 30px !important;
}
.navbar-toggler
{
	outline: none !important;
}
/*-Banner-*/
#banner
{
	background-image: linear-gradient(to right, #F08080, #FFA07A);
	color: #FFFFF0;
	padding-top: 5%;
}
.promo-title
{
	font-size: 40px;
	font-weight: 550;
	margin-top: 100px;
}
#banner a
{
	color: #FFFFF0;
	text-decoration: none;
}
/*-Projects-*/
#img
{
    padding: 50px;
    width: 550px;
}
#img-k
{
    padding: 50px;
    width: 350px;
}
#img-f
{
    padding: 25px;
    width: 250px;
}
#python
{
    background-color: #F5FFFA;
    padding: 75px;
    text-align: center;
}
#mlp
{
    background-color: #F5F5F5;
    padding: 75px;
    text-align: center;
}
#kotlin
{
    background-color: #FFFAFA;
    padding: 75px;
    text-align: center;
}
#about
{
    color: #FFFAF0;
    font-weight: 500;
	background-image: linear-gradient(to right,#F08080, #FFA07A);
    padding: 75px;
    padding-top: 125 !important;
    text-align: center;
}
#footer
{
    color: #FFFAF0;
    font-weight: 500;
	background-image: linear-gradient(to right,#F08080, #FFA07A);
    padding: 75px;
    padding-top: 0 !important;
    text-align: center;
}