html, body {
    /* border-style: solid; */
    margin: 0em !important;
    padding: 0 em;
    height: 100%;
}

h1, h2, h3, h4, h5, h6, ul {
    margin: 0;
    padding-top: 0.83em;
    padding-bottom: 0.83em;
}

div {
    /* border-style: solid;
    border-color: black; */
}

.separate {
    border-color: aqua;
    display: flex;
    justify-content: space-between;
}

.position {
    text-decoration: underline;
}

.wrapper {
    height: 100 vh;
    overflow-y: auto;
    overflow-x: hidden;
    perspective: 10px;
}

header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    transform-style: preserve-3d;
    z-index: -1;
}

.background, .foreground {
    position: absolute;
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    z-index: -1;
}

.background {
    transform: translateZ(-10) scale(2);
}

.foreground {
    transform: translateZ(-5) scale(1.5);
}


.title {
    font-size: 7 rem;
    color: white;
    text-shadow: 0 0 5px black;
}

section {
    font-size: 2 rem;
    padding: 2 rem;
    background-color: #333;
    margin: 0px;
}

.skills {
    background-color: #7d63b4;
    color: white;
}

.experience {
    background-color: #f97068;
    color: white;
}

.education {
    background-color: #94c9a9;
    color: #3b3b3b;
}

.projects {
    background-color: #7d1538;
    color: white;
}

.certifications {
    background-color: #edf2ef;
    color: 3b3b3b;
}

.other {
    background-color: #57c4e5;
    color: 3b3b3b;
}