@charset "utf-8";
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body {
background-color:#221F1F;
	padding:30px;
}

header {
	border:1px solid red;
	display:flex;
	justify-content:start;
	align-items:center;
	width:100%;
	height:250px;
	padding:30px;
}
.tiger-icon {
	position:relative;
	z-index:2;
	padding-bottom:50px;
}
.tiger-icon img {
	width:220px;
}
.circle {
	position:absolute;
	background:#87B5D8;
	width:225px;
	height:220px;
	top:40%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:-1;
	border-radius:50%;
}
button {
	border:none;
	background:#87B5D8;
	padding:30px 80px;
	border-radius:8px;
	font-size:20px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.buttons {
	display:flex;
	gap:80px;
	padding-left:100px;
}
main {
	border:1px solid red;
	width:100%;
	height: 65vh;
	display:flex;
	justify-content:center;
	align-items:start;
	position:relative;
}
.project-buttons {
	display:flex;
	gap:20px;
	flex-direction:column;
	justify-content:start;
	position:absolute;
	top:-20px;
	left:60px;
}
.p-btn {
	border:none;
	background:#87B5D8;
	padding:30px 50px;
	border-radius:8px;
	font-size:30px;
}
.main-text {
	width:70%;
	padding-left:175px;
}
.main-text h2 {
	color:#87B5D8;
	font-size:55px;
}
.main-text p {
	color:#87B5D8;
	font-size:40px;
	padding-top:20px;
}
footer {
	text-align:right;
	height:150px;
	padding-bottom:100px;
}
footer p{
	color:#87B5D8;
	font-size:18px;
	padding-bottom:60px;
}
footer span{
	color:#87B5D8;
	font-size:25px;
}