@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');

* { margin: 0; padding: 0; box-sizing: border-box; text-decoration: none; }
body { background-image: url('bg.jpg'); background-size: cover; background-position: top center; font-family: 'Open Sans', sans-serif; background-repeat: no-repeat; background-attachment: fixed; background-color: #642cbe; }
section { flex: flex; }
header { display: flex; flex-direction: column; align-items: center; margin: 400px 0 200px 0; }
nav { display: flex; flex-direction: column; text-transform: uppercase; gap: 30px; margin-top: 30px; font-size: 24px; }
nav div { display: flex; align-items: center; flex-direction: column; width: 300px; background-color: #ffffff; border-radius: 15px; }
nav div a { display: flex; align-items: center; color: #642cbe; padding: 15px 50px; gap: 0 10px }
nav a img { width: 50px; }

.logoBg { border-radius: 50%; background-color: #ffffff; }

@media (max-width: 600px)
{
	header { margin-top: 250px; }
	nav { font-size: 20px; }
}