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

@font-face {
	font-family: 'AmaticSC-Regular';
	src: url('../resources/fonts/AmaticSC-Regular.ttf');
}

body {
	background: rgba(255, 255, 255, 1.0);
}

a {
	color: black;
}

a:link {
	color: black;
	/*padding: 14px 25px;*/
	text-decoration: none;
	display: inline-block;
	text-align: center;
}

a:hover {
	color: black;
	background-image: url('../resources/index/selection.png');
	background-repeat: no-repeat;
	background-position: center;
	background-origin: content-box, content-box;
}

.main {
	max-width: 700px;
	padding-top: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.hero_img {
	width: 100%;
}

.hero_text {
	font-family: 'AmaticSC-Regular';
	font-size: 80px;
	text-align: center;
	/*background-color: lightgreen;*/
}

.cacto_buttons {
	font-family: 'AmaticSC-Regular';
	font-size: 50px;
	text-align: center;
	width: 200px;
	height: 100px;
	margin: 5px 5px;
	/*background-color: lightgreen;*/
}

.cacto_buttons_sec {
	font-family: 'AmaticSC-Regular';
	font-size: 50px;
	text-align: center;
	width: 647px;
	height: 86px;
	margin: 5px 5px;
	/*background-color: lightgreen;*/
}

.v2d {
	background-image: url('../resources/index/2d-background.png');
	background-repeat: no-repeat;
	background-position: center;
	background-origin: content-box, content-box;
	/*background-color: lightblue;*/
}

.v2d::after {
	content: "2D";
}

.v2d:hover::after {
	content: "SOON";
}

.v3d {
	background-image: url('../resources/index/3d-background.png');
	background-repeat: no-repeat;
	background-origin: content-box, content-box;
	/*background-color: lightyellow;*/
}

.v3d::after {
	content: "3D";
}

.v3d:hover::after {
	content: "SOON";
}

.illustration {
	background-image: url('../resources/index/illustration-background.png');
	background-repeat: no-repeat;
	background-position: center;
	background-origin: content-box, content-box;
	/*background-color: lightgreen;*/
}

.illustration::after {
	content: "ILLUSTRATION";
}

.bw {
	background-image: url('../resources/index/bw-background.png');
	background-repeat: no-repeat;
	background-position: center;
	background-origin: content-box, content-box;
	/*background-color: lightgray;*/
}

.bw::after {
	content: "MINIMALIST BLACK&WHITE";
}

.bw:hover::after {
	content: "SOON";
}

/* Large desktop */
@media (min-width: 1200px) {}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.hero_text {
		padding-bottom: 50px;
	}

	.cacto_buttons_sec {
		width: 200px;
		height: 180px;
	}

	.bw {
		background-image: url('../resources/index/illustration-background.png');
	}

	a:hover {
		background-position: unset;
	}

	.bw::after {
		content: "BLACK&WHITE";
	}

}

/* Landscape phones and down */
@media (max-width: 500px) {

	.hero_text {
		font-size: 30px;
	}

	.cacto_buttons .cacto_buttons_sec {
		font-size: 40px;
	}

}