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

:root {
  --sk_yellow: #ffde59;
  --sk_gray: #545454;
  --transparent-black: rgba(0, 0, 0, 0.8);
  --sk_white: #e4f0ff;
  --sk_red: crimson;
  --sk_dark_gray: #333;
  --sk_darken_yello: #f8d030;
}

body {
  font-family: arial;
  background-color: #0a0b0c;
  text-align: center;
}

header {
  background-image: url("images/extraImages/code_2.jpeg");
  background-color: #0a0b0c38;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 53vh;
  display: flex;
  justify-content: center;
}

nav {
  list-style-type: none;
  background-color: white;
}

.card {
  width: 80%;
  margin: 2%;
}