* {
    box-sizing: 0;
}

html {
    /* background-color:#30125b;
    color: #dca8ff; */
    font-family: monospace;
    box-sizing: border-box;
	scroll-behavior: smooth;
}

.setmargin {
    margin: 0 2rem 2rem 2rem;
}

nav {
    justify-content: space-between;
    display: flex;
    align-items: center;
    position: sticky;
	top: 0;
    /* background-color:#30125b; */
    /* color: #dca8ff; */
	z-index: 50;
	padding: 0 2rem 0 2rem;
}

footer {
    text-align: center;
}

h1 {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    /* color: #fad8ff; */
}

h2 {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    /* color: #fad8ff; */
}

h3 {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    /* color: #fad8ff; */
}

hr {
    /* border: dotted #dca8ff; */
}

a {
    /* text-decoration: none; */
}

a:link {
    /* color: #dca8ff; */
	text-decoration: none;
	/* font-weight: bold; */
}

a:hover {
    /* background-color: #dca8ff;
    color:#30125b; */
}

a:visited {
    /* color: #f53f35; */
    /* color: white; */
}

ul {
    list-style: none;
}

p {
    margin: 0;
}

li::before {
  /* content: ">";
  margin-right: 0.5em; */
}

li:hover {
    /* background-color: #dca8ff;
    color:#30125b; */
    /* background-color: #A6ED00;
    color: #011212; */
}

.li-indent:hover {
    /* background-color: #dca8ff;
    color:#30125b; */
    /* background-color: #A6ED00;
    color: #011212; */
}

.special-text {
    font-family: monospace;
}

.resume-button {
    /* outline: #dca8ff solid 0.5px; */
    padding: 0.75rem;
    border-radius: 2px;
    text-decoration: none;
}

.nav-items {
    display: flex;
    gap: 2rem;
    align-items: center;
    text-decoration: none;
}

.nav-items:visited {
    /* color: white; */
    text-decoration: none;
}

.nav-icon {
    text-decoration: none;
    /* color: #dca8ff; */
}

.nav-icon:hover {
    /* background-color: #dca8ff;
    color:#30125b; */
}

.nav-icon:visited {
    /* color:white; */
}

.name {
    /* background-color: white;
    color:#011212;
    display: inline-block;
    padding: 0 1rem;
    font-size: 6rem; */
}

.hero {
    height: 95vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
	align-items: center;
	gap: 20rem;
}

.hero-txt-contain {
	display: flex;
}

.hero-img-contain {
	display: flex;
	gap: 0.5rem;
}

.hero-small-img {
	display: flex;
	max-width: 400px;
	flex-direction: column;
	gap: 0.5rem;
}

.hero-deco {
    font-size: 18rem;
    margin: 0;
}

.hero-h {
    font-size: 5rem;
    margin-bottom: 1rem;
}

.about-content {
    display: flex;
    gap: 1rem;
    /* flex-direction: column; */
}

.about-subtext {
    margin-left: 1rem;
}

.footer-links {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.credits {
    font-size: smaller;
}

#about {
	scroll-margin-top: 90px;
}

#experience {
	scroll-margin-top: 90px;
}

#design {
	scroll-margin-top: 90px;
}

#projects {
	scroll-margin-top: 135px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    max-width: 100vw;
    gap: 1.5rem;
    /* width: 100vw; */
    margin: 0 0 2rem 0;
}