i {
  margin: 0 auto;
}

/* Add your custom styles here */

body {
font-family: 'Arial', sans-serif;
display: flex;
flex-direction: column;
min-height: 100vh;
margin: 0;
}

.content-wrapper {
  flex: 1;
}

/* Header styles */
header {
background-color: #f8f9fa;
padding: 10px 0;
}

.navbar-brand img {
max-height: 40px;
}

/* Start screen styles */
#start-screen {
text-align: center;
padding: 20px;
}

.card {
border: none;
}

/* Results screen styles */
#results-screen {
padding: 20px;
}

/* Dropdown container styles */
.form-select {
width: 100%;
padding: 8px;
margin-top: 5px;
margin-bottom: 10px;
}

/* Left sidebar styles */
aside {
float: left;
width: 20%;
}

/* Jumbotron styles */
.jumbotron {
background-color: #f8f9fa;
padding: 20px 100px 20px 100px;
margin-bottom: 20px;
}

/* Call-to-action styles */
.call-to-action {
margin-top: 20px;
}

/* Footer styles */
footer {
background-color: #343a40;
color: white;
text-align: center !important;
padding: 10px 0;
margin-top: auto;
}

/* Bootstrap reset */
.custom-btn-margin {
  margin-right: 10px; /* Adjust the value as needed */
}

#goalDropdown {
  padding-left: 0 !important; 
}

#regenerateResultsBtn {
  margin-bottom: 9px;
}

#goalDropdown {
  padding-right: 6px;
}

#skillDropdown {
  padding-left: 6px;
}

.hide {
display: none !important;
}