html * 		{
				margin: 0;
				padding: 0;
				}

html			{scroll-behavior:smooth}				

body 			{
				margin: 0;
				padding: 0;
				font-size: 0;
				font-weight: 500;
				font-family: "Onest", Helvetica, Arial, sans-serif;
				-webkit-font-smoothing: antialiased;
				}

*:focus 		{outline: none;}

.clear 		{clear:both;}

a 				{
				color: #000;
				transition: all .15s;
				}

/* BUILD */

.wrap  		{
				max-width: 1000px;
				margin: auto;
				padding: 20px;
				}

.top 			{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding-bottom: 20px;
				border-bottom: 1px solid #00000020;
				}

.tagline		{
				display: flex;
				gap: 20px;
				align-items: center;
				}				

				.logo
				{text-decoration: none;}

					.logo svg
					{height: 20px;}

				.auth
				{
				display: flex;
				flex: 1;
				gap: 10px;
				justify-content: flex-end;				
				}

					.button
					{
					display: flex;
					padding: 8px 17px;
					border-radius: 50px;
					text-decoration: none;
					color: #000000ff;
					background: #00000015;
					font-size: 14px;
					cursor: pointer;
					}

						.button:hover
						{background: #00000020;}

						.button-black
						{
						background: #000;
						color: #fff;
						}

						.button-black:hover
						{background: #000000cc;}

.content 	{margin: 30px 0;}

h1				{
				font-size: 30px;
				font-weight: 550;
				}

p				{
				font-size: 23px;
				font-weight: 350;
				}

				.content h1,
				.content p
				{margin-top: 30px;}

				strong
				{font-weight: 500;}

.footer 		{
				margin-top: 30px;
				padding: 30px 0 10px;
				border-top: 1px solid #00000020;
				}

				.footer p
				{
				font-size: 18px;
				font-weight: 400;
				}

				.footer p + p
				{margin-top: 20px;}