html, body{
	overflow-x: hidden;
	background: #2A0A22;
	color: #FAFAFA;
    height: 100vh;
}

h1{
    font-size: 2.5em;
    margin-top: 40px;
    color: #F2F2F2;
    font-family: "Patrician";
}
h2{
    font-size: 1.8em;
}
h3{
    font-size: 1.1em;
}
.cards{
    margin-top: 40px;
}
.icon-finans{
    color: #ffc107;
}
.icon-calculadora{
    color: #2E64FE;
}
.icon-mata-mosquito{
    color: #ff8000;
}
.cartoes{
    border-radius: 8px;
    background:#2E2E2E;
    color: #fff;
    transition: 0.6s;
    margin: 15px;
}
.finans:hover{
    transform: scale(1.1);
	cursor: pointer;
    box-shadow: 5px 5px 10px #ffc107;
}
.calculadora:hover{
    transform: scale(1.1);
	cursor: pointer;
    box-shadow: 5px 5px 10px #2E64FE;
}
.mata-morcego:hover{
    transform: scale(1.1);
	cursor: pointer;
    box-shadow: 5px 5px 10px #ff8000;
}
a{
    font-size: 1.3em;
    text-decoration: none;
    color: #E6E6E6;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
a:hover{
    color: #E6E6E6;
}
/*Animação*/
.animate-zoom{
	transition: 0.6s;
}
.animate-zoom:hover{
	transform: scale(1.1);
	cursor: pointer;
	color: #e9cae1;
}
/*Adicionando fontes*/
@font-face{
	font-family: "Font Pixel";
	src: url("../font-family/fontpixel.woff") ;
}
@font-face {
	font-family: "Patrician";
	src: url("../font-family/Patrician.woff");
}