/* Remove all default browser spacing */
html,
body {
    margin: 0;
    padding: 0;
}

/* Positioning for the "Brainstorming" heading */
.header002 {
    position: absolute;
    top: 0px;
    right: 621px;
    display: inline-block;
    width: 467px;
}

.to-design-this {
    margin: 0;
}

.body001 {
    position: absolute;
    top: 76px;
    right: 621px;
    font-size: 24px;
    display: inline-block;
    width: 467px;
    height: 392px;
}

.ship-icon {
    position: absolute;
    top: 0px;
    left: 556px;
    width: 532px;
    height: 550px;
    object-fit: cover;
}

.enviorment {
    position: absolute;
    top: 315px;
    right: 10%;
    width: 1088px;
    height: 550px;
}

.while-working-on {
    margin: 0;
    white-space: pre-wrap;
}

.enviorment1 {
    position: absolute;
    top: 914px;
    right: 10%;
    width: 1088px;
    height: 550px;
}

.body0012 {
    position: absolute;
    top: 76px;
    right: 621px;
    font-size: 24px;
    display: inline-block;
    width: 467px;
    height: 448px;
}

.enviorment2 {
    position: absolute;
    top: 1513px;
    right: 10%;
    width: 1088px;
    height: 550px;
}

.enviorment3 {
    position: absolute;
    top: 2711px;
    right: 10%;
    width: 1088px;
    height: 550px;
}

.enviorment4 {
    position: absolute;
    top: 2112px;
    right: 10%;
    width: 1088px;
    height: 550px;
}

.body0015 {
    position: absolute;
    top: 3333px;
    left: 550px;
    font-size: 24px;
    display: inline-block;
    width: 1088px;
    height: 84px;
}

/* Header styling */
.header1 {
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    left: 0px;
    /* box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.25); */
    background-color: #f6f0f0;
    height: 89px;
}

.menu {
    position: relative;
    cursor: pointer;
}

.about1 {
    position: relative;
}

/* Top-right page-links container */
.page-links {
    position: absolute;
    top: 24px;
    right: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 50px;
}

/* Make all nav links black, no underline */
.page-links a,
.page-links a:visited,
.page-links a:hover,
.page-links a:active {
    color: #000;
    text-decoration: none;
}

/* Logo in top-left corner */
.placeholder-logo-icon {
    width: 100px;
    position: relative;
    max-height: 200%;
}

.logo {
    position: absolute;
    top: 2px;
    width: 86.1px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
}

/* Another header block (likely behind the top bar) */
.header {
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 89px;
    font-size: 35px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
html {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* Large hero text near top of page */
.hero-text {
    position: absolute;
    top: 126px;
    left: calc(50% - 448px);
    font-size: 128px;
    text-align: center;
}

/* Main container for the reference page */
.reference {
    margin: 0;
    /* remove default margin */
    padding: 0;
    /* remove default padding */
    width: 100%;
    position: relative;
    background-color: #f6f0f0;
    height: 3943px;
    overflow: hidden;
    text-align: left;
    font-size: 64px;
    color: #292823;
    font-family: Kameron;
}