a{
	color:#ccc;
	text-decoration:none;
}

body{
	background-color:#000;
	margin:0 auto;
	text-align:center;
	padding:0;
	border:none;

  font-family:
    /* Primary – Inter (variable) */
    "Inter Variable", Inter,
    /* Secondary – Roboto (fallback) */
    "Roboto Variable", Roboto,
    /* System fallbacks */
    "Helvetica Neue", Helvetica,
    Arial,
    /* Generic fallback */
    sans-serif;

  /* Optional tweaks for extra crispness */
  -webkit-font-smoothing: antialiased;   /* Chrome, Safari */
  -moz-osx-font-smoothing: grayscale;   /* Firefox on macOS */
  font-weight: 400;   /* Normal weight – adjust as needed */
  line-height: 1.5;   /* Improves readability */
}

section{
	padding:15px;
	margin:15px auto;
	background-color:#eee;
	width:90%;
}

.apps{
	display:flex;
	justify-content:space-between;
	box-shadow:2px 3px #888;
	border-radius:5px;
	color:#333;
	min-width:200px;
	background-color:#fff;
	padding:15px;
}

.flex{
	width:100%;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	gap:1.2rem;
	padding:2rem;
}

.main{
	background-color:#eee;
}