@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
:root{
	--white-color: #fff;
	--black-color: #000;
	--text-color: #4a4a49;
	--main-color: #a1c861;
	--secondary-color: #fef6f2;
	--title-color: #003a79;
	--border-color: #d3d3d3;
}

*{
	box-sizing: inherit;
	margin: 0;
	padding: 0;
}

html{
	font-size: 62.5%;
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
}

body{
	font-size: 1.8rem;
    font-weight: 300!important;
}

.text-smile{
	line-height: 1.65;
}

.decoration-none{
	text-decoration: none;
}

#page-content p{
    margin-bottom: 0;
}

.none {
    display: none;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 300;
}

.relative{
    position: relative;
}
.absolute{
    position: absolute;
}


/*::selection{
	background: var(--text-color);
}*/

/*reponsive*/
.grid {
    width: 100%;
    display: block;
    padding: 0;
}

.grid.wide {
    max-width: 1200px;
    margin: 0 auto;
}
.grid__row{
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
}

.grid__column-2{
	padding-left: 5px;
	padding-right: 5px;
	width: 16.6667%;
}

.grid__column-2-4{
	padding-left: 5px;
	padding-right: 5px;
	width: 20%;
}
.grid__column-10{
	padding-left: 5px;
	padding-right: 5px;
	width: 83.3334%;
}
/*animation*/
/* @keyframes fadeIn{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

@keyframes growth{
	from{
		transform: scale(var(--grow-from));
	}
	to{
		transform: scale(var(--grow-to));
	}
} */