html, body, .main {
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: rgb(17, 17, 17);
}

.typewrite > .wrap { border-right: 0.08em solid #fff}

h1, h3 {
    color: rgb(255, 255, 255);
    font-family: 'Inter', sans-serif;
}

.title {
    color: rgb(255, 255, 255);
    font-family: 'Inter', sans-serif;
    text-align: left;
    font-size: 58px;
    font-weight: 500;
    letter-spacing: -1.5px;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.name {
    text-align: left;
    font-size: 80px;
    font-weight: 500;
    letter-spacing: -1.5px;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
    margin-top: 0px;
}

.title-container {
    align-content: center;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    /*gap: 240px;*/
    height: min-content;
    justify-content: center;
    /*max-width: 1600px;*/
    overflow: hidden;
    padding: 160px 96px 0px 96px;
    position: relative;
    max-width: 100%;
    justify-items: left;
}

h3 {
    font-weight: 100;
    font-size: 32px;
}

.typewrite {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.nav {
    place-content: center;
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    gap: 0px;
    height: min-content;
    overflow: hidden;
    padding: 0px;
    position: relative;
    max-width: 100%;
}

.nav-content {
    place-content: center space-between;
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-flow: row nowrap;
    height: min-content;
    /*max-width: 1600px;*/
    overflow: visible;
    padding: 48px 96px;
    position: relative;
}

.title-container > .name {
    margin-bottom: 0px;
}

.bottom-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.container {
    display: flex;
    flex-direction: column;
    gap: 240px;
}