* {
	margin: unset;
	padding: unset;
	box-sizing: border-box;
	--primary: #63338a;
	--secondary: #Fdb920;
	--black: #262626;
	--white: #ffffff;
}

/* * * * {
	outline: solid 1px red;
} */

body {
	width: 100vw;
	height: 100vh;
	background: no-repeat center url(https://finance4u.pt/img_brev/casal.jpg);
	background-size: cover;
}

nav {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: auto;
	justify-content: space-around;
	align-items: center;
	padding: 1rem;
	gap: 10px;
	.logo {
		flex: 0 0 10%;
		img{
			height: 4.5rem;
		} 
	}
	.social {
		display: flex;
		flex: 1;
		justify-content: center;
		ul {
			display: flex;
			flex: 0 0 70%;
			margin: auto;
			list-style-type: none;
			li {
				padding: 10px;
				img {
					height: 2rem;
				}
			}
		}
	}
}

@media (max-width: 600px){
	nav .social ul {
		justify-content: center;
	}

	.container h1 {
		font-size: 1.4rem;
		margin-top: -120px;
	}
}

.container {
	max-width: 700px;
	height: 45vh;
	width: 80vw;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: var(--secondary);
	text-align: center;
	align-content: center;
	button {
		align-items: center;
		appearance: none;
		background-image: linear-gradient(var(--primary) 5%, var(--black) 100%);
		border: 0;
		border-radius: 6px;
/* 		box-shadow: rgba(91, 43, 193, 0.4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
 */		cursor: pointer;
		display: inline-flex;
		color: var(--secondary);
		font-size: 1.1rem;
		font-family: "Arial";		
		height: 52px;
		justify-content: center;
		line-height: 1;
		list-style: none;
		overflow: hidden;
		margin: 1.5rem 0 1rem 0;
		padding: 32px 32px;
		position: relative;
		transition: box-shadow .15s,transform .15s;
		white-space: nowrap;
		will-change: box-shadow,transform;
	  }
	  
/* 	  button:focus {
		box-shadow: rgb(91, 43, 193) 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(91, 43, 193, .4) 0 -3px 0 inset;
	  }
	  
	  button:hover {
		box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgb(62, 29, 133) 0 -3px 0 inset;
		transform: translateY(-2px);
	  }
	  
	  button:active {
		box-shadow: rgb(91, 43, 193) 0 3px 7px inset;
		transform: translateY(2px);
	  } */

}

h1 {
	font-size: 2.2rem;
}