@font-family{
	font-family: impact;
	src: url(impact.ttf);
}

@font-family{
	font-family: kanit;
	src: url(kanit.otf);
}

@font-family{
	font-family: java;
	src: url(java.ttf);
}

body{
	background-color: #010204;
	background-image: url(img/bg.png);
	background-repeat: no-repeat;
	background-size: 1920px 1080px;
}

.container{
	margin-left: 1763px;
	margin-top: 40px;
}

.logo img{
    width: 100px;
    height: auto;
    margin-left: 200px;
    margin-top: -60px;
}

.head{
	color: white;
	font-family: impact;
	font-size: 90px;
	margin-left: 211px;
	margin-top: 158px;
}

.hometext{
	color: white;
	font-family: impact;
	font-size: 65px;
	margin-left: 211px;
	margin-top: 28px;
}

.pes{
	color: white;
	margin-top: 520px;
}

.scroll{
	font-family: kanit;
	color: white;
	font-weight: 200;
	font-size: 30px;
	margin-left: 960px;
	margin-top: 220px;
}

.Portfolio{
	font-family: java;
	color: white;
	margin-top: 449px;
	margin-left: 211px;
	font-size: 110px;
}

.PortBot{
    font-family: java;
    color: white;
    margin-top: 45px;
    margin-left: 211px;
    font-size: 58px;
    letter-spacing: 5px;
}

.port img {
    width: 500px;
    height: auto;
    margin-top: -385px;
    margin-left: 1350px;
}

.HIW{
	font-family: kanit;
	font-size: 110px;
	margin-left: 1166px;
	margin-top: 350px;
	color: white;
}

.how{
	font-family: kanit;
	font-size: 50px;
	margin-left: 767px;
	margin-top: -10px;
	color: white;
}

.learn img{
	margin-top: -400px;
}